🚀 go-pugleaf

Uczę się JavaScriptu. Na razie jestem kiepski. Mam na formularzu (nazwanym formName) pole textarea (nazwane 'Opis:') i chciałbym żeby użytkownik miał informację ile znaków może jeszcze wprowadzić. Robię to tak (używam jQuery na stronie bo jest mi potrzebne do innych rzeczy):

$('form#' + formName + ' textarea#message').keyup(function () { return onKeyUpAtTextArea('contact', 'message'); });
...
function maxLengthOfArea(textarea, counter) {
    if (textarea.getAttribute('maxlength') >= textarea.value.length) {
        counter.innerHTML = textarea.getAttribute('maxlength') - textarea.value.length;
        return true;
    }
    return false;
}
...
function onKeyUpAtTextArea(controller, elemId) {
    'use strict';
    var formName = getCurrentFormName(controller);
    var currentForm = getCurrentForm(controller);
    var textarea = getFormElement(currentForm, elemId);
    var counter = $('form#' + formName + ' span#' + elemId + '_left')[0];
    return maxLengthOfArea(textarea, counter);
}

Problem w tym, że funkcja onKeyUpAtTextArea nie jest wołana przy naciskaniu klawisza w polu textarea. Debuggując JavaScript zauważyłem, że przy wykonywaniu kodu jQuery:

	// Handle event binding
	jQuery.fn[ name ] = function( data, fn ) {
		return arguments.length > 0 ?
			this.on( name, null, data, fn ) :
			this.trigger( name );
	};

mam:

fn == /\r?\n/g
data == "ReferenceError: data is not defined"
name == ""
jQuery.fn.name == undefined

Czy to może być przyczyną tego że onKeyUpAtTextArea nie jest wywoływana?
Rozwiązanie mi działało, ale po przerobieniu strony na responsywną przestało działać.
Jak rozwiązać problem?