ajax-example-javascript refactored

gistfile1.js

$(document).ready(function() {

  $('#get-cats-button').click(function(e) {
    e.preventDefault();
    $.ajax({
      type : 'GET',
      url : '/cats',
      success : function(res) {
        var cats = JSON.parse(res);
        $('#cat-container').empty();
        for (var i = 0; i < cats.length; i++) {
          appendCat(cats[i])
        }
      },
      error : function() {
        console.log("EVERYTHING IS BROKEN AND IM HUNGRY");
      }
    });
  });

  function appendCat(cat) {
    $('#cat-container').append(
      '<li>' +
        '<h2>' + cat.name + '</h2>' +
        '<h3>' + cat.product + '</h3>' +
      '</li>'
    );
  }

  $('#new-cat-form').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
      type: 'POST',
      url: '/cats',
      data: $(this).serialize(),
      success: function() {
        $('#notification').text('CAT ADD SUCCESS ~ ~ ~ OOOOOO')
        $("input[type='text']").val('');
      },
      error: function() {
        $('#notification').html("<img src='http://www.buckybox.com/images/team-joshua-63101086.jpg'> BAD REQUEST");
      }
    });
  });

});