title: Internet Explorer and ajaxStart/ajaxStop
body: <p>When I send a jQuery, I want to display a loading gif via <code>ajaxStart()</code>. When finished, the gif should disappear by using <code>ajaxStop()</code>.</p>
  
  <pre><code>$( document ).ajaxStart( function () {
   $('#info').show();
  
  }).ajaxStop( function () {
   $('#info').hide();
  });
  </code></pre>
  
  <p>It works fine on Firefox, but not in IE (I'm using version 8). It seems that IE executes the <code>ajaxStart()</code> at the end of the query and right after that it executes the <code>ajaxStop()</code>. If I comment out the <code>$('#info').hide();</code> part, I see the gif after I get my data. </p>
  
  <p>I can get around it by setting <code>async=true</code>, but I don't want to do that. Is there another way?</p>
  
  <p>I read some articles indicating that lots of people have this problem but I couldn't find an answer.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I recognized that <code>ajaxStart</code> is executed correctly, but the request causes the browser to freeze till i get a response. This happens so fast that the loading gif cannot be shown. Tried it with an <code>alert()</code> after the <code>ajaxStart</code> and the gif shows up. After that the <code>alert</code> pops up and then the request is sent which causes the browser and gif to freeze.  </p>