Show the number of remaining characters beside any text input (requires jQuery)

remaining_chars.html

<script>
    $(function(){
        $('textarea[maxlength], input[maxlength]').bind('keyup change paste', function(){
            var maxlength = parseInt($(this).attr('maxlength'));
            var val = $(this).val();
            var currLen = val.length;
            var newLines = val.match(/(\r\n|\n|\r)/g);
            if(newLines != null) {
            	currLen += newLines.length;
            }
            if(currLen > maxlength) {
                $(this).val($(this).val().substr(0, maxlength));
                currLen = maxlength;
            }
            $(this).next('.chars-remaining').children('.count').html(maxlength - currLen);
        }).after('<div class="chars-remaining">Characters remaining: <span class="count"></span></div>').trigger('change');
    });
</script>