var maxTextAreaContentLength = 2000;

$(document).ready(function() {
    // wire the behaviour into all text areas
    $("textarea").keyup(function(e) { monitorTextAreaKeyPress(this,e); });
    $("textarea").keypress(function(e) { monitorTextAreaKeyPress(this,e); });
});

function monitorTextAreaKeyPress(textarea,e) {

    if (textarea.value.length >= maxTextAreaContentLength)
    {
        // trim the value
        textarea.value = textarea.value.substring(0, maxTextAreaContentLength);
        // show error message
        
    }
    
    var qta = $(textarea);
    // show counter
    var counters = qta.siblings('.characterCount');

    if (counters.length == 0) {
        var wrapper = '<div class="characterCount" style="font-size:12px;text-align:right;padding-right:20px"></div>';
        qta.before(wrapper);
        counters = qta.siblings('.characterCount');
    }

    var content = textarea.value.length + '/' + maxTextAreaContentLength + ' characters used';
    counters.html(content);
}