jQuery event delegation

event.js.coffee

$(document).ready ->
  $(document)
    .on('ajax:before', ".single-line-qualification", (e) ->
      debugger
      # do validation and return false to cancel ajax
      if e.target[1].value.trim() == ''
        e.target[1].value = ''
        alert 'You must enter a name!'
        return false
    )
    .on("ajax:success", ".single-line-qualification", (e, data, status, xhr) ->
      $('#qualifications').append xhr.responseText
      e.target.remove()
      # append success message
    )
    .on("ajax:error", ".single-line-qualification", (e, xhr, status, error) ->
      # append error message
    )