Jquery - 使用keyup（）设置标题元素文本

Question

想要理解为什么这不起作用：

HTML ：

<input type="text" id="pageInput">
<p id="pageTitle">Test Title</p>

JQuery的：

$( document ).ready(function() {
  $('#pageInput').keyup(function(){
    $('#pageTitle').text($(this).val())
  })
});

https://jsfiddle.net/czm7p06o/