title: Loading one AJAX event causes all others to wait for it before processing
body: <p>I have a single-page application that handles business data. I'm using jQuery .ajax().</p>
  
  <p>On submit of a form, we load in a request via AJAX. No problem there, the "page" is now fully loaded. When it finishes loading, I send off another AJAX request that contains a lot of information - it's a box that loads a bunch of business statistics. This can take up to 15 seconds. During this time, the browser will not process another AJAX request, which in this case is a series of navigation links that load other pages through AJAX. It will <strong>start</strong> the request, but it appears to be unable to load anything until the statistics-AJAX finishes its load. This is true even when I am accessing a navigation page that is merely HTML. (so it should load instantly)</p>
  
  <p>I am not using async: false. A request looks like:</p>
  
  <pre><code>$.ajax({
      type:'POST',
      url: 'load_navigation',
      data: passed_data,
      success: function(data) {
          $('#div-to-put-result').html(data);
      }
  });
  </code></pre>