title: Why second independant ajax response waits to be get untill first ajax response?
body: <p>I'm using codeigniter.
  Following is my AJAX code in view -</p>
  
  <pre><code>jQuery(document).ready(function () {
      $.ajax({
           type:'post',
           data:'',
           url:HOST+'/exp1',
           success:function(data)
           {
               alert('here1')
           }
      });
  
      setInterval(function(){
           $.ajax({
                type:'post',
                data:'',
                url:HOST+'/exp2',
                success:function(data)
                {
                     alert(data)
                }
           });
      }, 1000);
  });
  </code></pre>
  
  <p>And the controller code is -</p>
  
  <pre><code>function exp1()
  {
      sleep(10);
  }
  
  function exp2()
  {
      echo 'test';
  }
  </code></pre>
  
  <p>Above both ajax calls are independent but on same controller. First ajax takes 10 seconds to get response, while second ajax will take 1 second to get response.</p>
  
  <p>Second ajax request is fired after every 1 second.</p>
  
  <p>But when i execute the code, i did not get the response from the second ajax until to be get first ajax response.</p>
  
  <p>How can i drive both ajax simultaneously so that i'll get response from second ajax while first ajax call will be in process ?</p>