JQUERY : Ergonomics on forms #jsergo

ergo.js

// JS

$('.ergo input, .ergo textarea').each(function() {
    var label = $(this).parent().find('label[for="' + this.id + '"]');
    $(this).on('focus', function() {
      label.addClass("focus");
    });
    $(this).on('keydown', function() {
      label.addClass("hidden");
    });
    $(this).on('blur', function() {
      label.removeClass("focus");
      if (this.value === "")
        label.removeClass("hidden");
    });
    if (this.value !== "")
      label.addClass("hidden");
  });

// CSS

/*
.focus {
  color: #CCC;
}
.hidden {
  visibility: hidden;
}
//*/