title: Why does my .ajax request report ABORTED in Firebug?
body: <p>I've got the following code</p>
  
  <pre><code>    $(function(){
      $("#AddMaps").submit(function(){
  
          var $form = $('#AddMaps');
  
          $.ajax({
              type: 'POST',
              url: 'test_multiple.php',
              data: $form.serialize(),
              dataType: "json",
              beforeSend:function(){
                  $('#ajax-panel').html('&lt;div class="loading"&gt;&lt;img src="loader.gif" alt="Loading..." /&gt;&lt;/div&gt;');
                  //alert(data);
              },
              success:function(data){
                  $('#ajax-panel').empty();
                  if (data.response != "Success"){
                      $('#ajax-panel').append('Error Occurred');
                  }
                  else {
                      $('#ajax-panel').append('File(s) Uploaded');
                  }
              },
              error:function(){
                  // Failed Request; Freak out
                  $('#ajax-panel').html('&lt;p class="error"&gt;&lt;strong&gt;Oops!&lt;/strong&gt; Try that again in a few moments.&lt;/p&gt;');
              }
          });
          return false;
      });
      });
  </code></pre>
  
  <p>When this event fires, Firebug reports that this event is Aborted. Additionally, in <code>beforeSend</code> the alert will not display any data (when uncommented, obviously). At this point, I'd suspect that <code>data</code> isn't being populated appropriately, but Firebug shows the correct data in the request:
  <code>server=1&amp;maps%5B%5D=europe.tar.bz2</code></p>
  
  <p>Why is my request getting aborted?</p>