jquery - Trouble with global variables -

see jfiddle here: https://jsfiddle.net/dirturban/0nq4zlen/1/

otherwise, tell me why var text_length isn't working?

code below:

var text_length = $('#textarea').val().length; var video_length = text_length / 920; var totalprice = video_length * 2750;  $('#textarea').keyup(function () {     $('#textarea_feedback').html(text_length + ' minutes'); });  $('button').click(function () {     $('#price').text('$' + totalprice + '.00'); }); 

wrap vars inside keyup function

$('#textarea').keyup(function() {     var text_length = $('#textarea').val().length;     var video_length = text_length;     var totalprice = video_length;     $('#textarea_feedback').html(video_length + ' minutes');  }); 

now vars given new values on each keyup, make sure set var values before put html in div

before getting values on document ready javascript knew text_length var 0