为什么这个JQuery＆＃39; keyup＆＃39;函数没有填充div？

Question

我试图在用户输入textarea时显示当前字符数。

我有这个简单的形式：

<div id="testimonialCount"></div>

<form data-role="form" id="testimonialForm" name="tesitmonialForm">
      <label for="testimonial">Testimonial </label>
      <textarea  name="testimonial" id="testimonial" placeholder="Enter your testimonial (1000 word limit)"></textarea>
</form>

和JQuery：

$(document).ready( function(){
    $("#testimonial").on('keyup', function(e){
        var count = (this).val().length;
        $("#testimonialCount").html("<p>- Character count:" + count + "</p>");
    });

});

目前testimonialCount div中没有​​显示任何内容。这是为什么？

这是JSFiddle

Answer 1

在keyup功能中，您在选择元素时缺少$。

使用此

var count = $(this).val().length;

而不是

var count = (this).val().length;

Answer 2

Try this 

$("#testimonial").on('keyup', function(e){
    var count= $(this).val().length;


    $("#testimonialCount").html("<p>- Character count:" + count + "</p>");
});