coffequery

$ ->
  console.log('ready')
  getSuggestions()

  $('body').on 'submit', '.remover', ->
    removeSuggestion($(this), event)
    event.preventDefault()

removeSuggestion = (form, event) ->
  $.ajax
    type: form.attr('method'),  
    url: form.attr('action'),
    data: form.serialize(),
    success: ->
      form.parent().remove()

getSuggestions =  ->
  $.ajax
    url: '/suggestions.json',
    dataType: 'json',
    error: (jqXHR, textStatus, errorThrown) ->
      $('body').append "AJAX ERROR: #{textStatus}, #{errorThrown}",
    success: renderSuggestions

renderSuggestions = (suggestions) ->
  output = '<ul>'
  for suggestion in suggestions
    output += '<li>'
    output += "  <span><a href='/suggestion/#{suggestion.id}'>#{suggestion.name}</a></span>"
    output += "  <form class='remover' action='/suggestion/#{suggestion.id}/remove' method='post'>"
    output += '    <button type="submit">X</button>'
    output += '  </form>'
    output += '</li>'
  output += '</ul>'
  $('body').append(output)