Change character count on change

by niceux

HTML

<textarea rows="8"></textarea>
<div class="character-count">Characters remaining: <span class="count">200</span></div>

JavaScript

$('.character-count').each(function(){
    var $count = $('.count', this);
    var $input = $(this).prev();
    var maxcount = $count.text()*1;
    
    var update = function(){
        var before = $count.text()*1;
        var now = maximumCount - $input.val().length;
        if (now < 0){
            var str = $input.val();
            $input.val(str.substr(0, maximumCount));
            now = 0;
        }  
        if (before != now){
            $count.text(now);
        }
    };
    
    $input.bind('input keyup paste', function(){
        setTimeout(update, 0);
    });
    
    update();    
});