title: Prevent second ajax call from waiting till completion of first ajax call
body: <p>I'm running two ajax calls on page load. They both work as expected if I open the page in desktop browser.</p>
  <p>However, if I open the same page in an android browser (Chrome for example), I noticed that the second ajax function's <strong>response</strong> is waiting for completion of the first ajax function which kinda defeats the purpose of asynchronous-ness. Both are executing concurrently, but the second function's <code>success</code> is only executing after completion of first ajax call's <code>success</code> function.</p>
  <h2>Screenshot</h2>
  <p><img src="https://i.stack.imgur.com/nuiHw.png" alt="Ajax Calls" /></p>
  <p>The fact that it is working in desktop browsers and not in android browsers leads me to believe that there must be some kind of setting in android which is blocking concurrent asynchronous calls.</p>
  <p>If that is the case, is it possible that I can disable that? My code is as follows btw:</p>
  <pre><code>$(function(){           
         var intervalID = window.setInterval(function(){
                  doAjax(); // this is the function which is waiting for completion of first ajax call
              }, 2000);
  
        // the first ajax call
        $.ajax({
      type:'post',
      url:'progress-insert.php', // basically is meant for insertion of records into db
      success:function(data)
      {
         clearInterval(intervalID);
      }   
       });
       
       function doAjax()
       {          
      $.ajax({
          type:'post',
          url:'progress-update.php', // basically returns how many records have been inserted so far
          success:function(data)
          {
                  // do something
          }
      }); 
        }
       
  });
  </code></pre>