cheer_ajax_single_responsibility.js

// so I can call cheerListener() on doc ready
// only takes care of listening for the data
function cheerListener(){
  $('#cheer_caller').on('submit', function(event){
    event.preventDefault();

    var formData = $(this).serialize();
    submitForm(formData)
  })
}

// takes care of the AJAX call
var submitForm = function(formData){
  $.ajax({
    url: '/cheers',
    type: 'POST',
    data: formData
  })
  .done(function(response){
    $(".sign-text").text(response)
    $('input:text').val("");
    $('#cheer-input').focus();
  })
  .fail(function(response){
    console.log("FAILING!")
  })
}