title: Loading animation doesn't show up until after ajax call completes
body: <p>Possible duplicate: <a href="https://stackoverflow.com/questions/3535373/loading-animation-doesnt-show-up-until-after-ajax-call-completes-in-safari-chro">Same problem (unresolved)</a></p>
  
  <p>I show loading DOM before the Ajax call and after the Ajax call, I hide it. For some reason, the loading image appears only after ajax call completes. The result is that the loading image doesn't even appear unless I put <code>delay(#).hide(0)</code> The code is the following:</p>
  
  <pre><code>$("#loading-popup").show();
  $.ajax({
  // ajax here
  });
  $("#loading-popup").hide(0);
  </code></pre>
  
  <p>I have tested on other Ajax calls on my website and the same problem occurs. Has anyone got this resolved? I am using Chrome 26.</p>
  
  <p>EDIT: I forgot to specify that I am using <strong>synchronous</strong> ajax call. (<code>async: false</code>)<br/></p>