COFFESCRIPT : Ergonomics on forms

app.css

.focus {
  color: #DEDEDE;
}
.hidden {
  visibility: hidden;
}

app.js.coffee

refreshErgo = ->
  $(".ergo input[type=\"text\"], .ergo textarea").each ->
    label = $(this).parent().parent().find("label[for=\"" + @id + "\"]")
    $(this).off("focus").on "focus", ->
      label.addClass "focus"

    $(this).off("keydown").on "keydown", ->
      label.addClass "hidden"

    $(this).off("blur").on "blur", ->
      label.removeClass "focus"
      if @value is ""
        label.removeClass "hidden"
      else
        label.addClass "hidden"

    label.addClass "hidden"  if @value isnt ""