title: Successive AJAX calls add an extra consecutive call
body: <p>I have a pretty standard ajax call for a live update, however, say I call the the ajax, everything is good, but say I want to call it again, this time, I will get <strong>2 calls</strong>, and if I try again then I'll have 3, I can verify this by invoking and alert and with the Network DevCon of Chrome, any idea why this is happening?</p>
  
  <p>P.S: I'm using Laravel 5.1</p>
  
  <pre><code>$('button[name=act]').click(function() {
      var icon = $(this).closest('div.thumbnail').find('i');
  
      $(document).ajaxStart(function() {
          icon.show();
      });
  
      $("form").submit(function (e) {
  
          e.preventDefault();
  
          var formData = new FormData($(this)[0]);
  
          $.ajax({
              url: "ajax/acttdb",
              data: formData,
              dataType: "json",
              type: "POST",
              cache: false,
              contentType: false,
              processData: false,
              success: function (data, status, jqXhr) {
                  $(icon).fadeIn(function() {
                      $(this).removeClass('fa-spinner fa-spin').addClass('fa-check text-success').fadeOut(1000, function() {
                          $(this).removeClass('fa-check text-success').addClass('fa-spinner fa-spin');
                      });
                  });
              }/*,
                 error: function (jqXhr, textStatus, errorThrown) {
                 console.log("Error response:", jqXhr.responseText);
                 }*/
          });
      });
  });
  </code></pre>