title: Element Not Showing on show and immediate async ajax call
body: <p>I was trying to show loading gif and call ajax request (which responds after huge time) and then i hide loading gif.</p>
  
  <p>Below is the code :</p>
  
  <pre><code>$('.loading-gif').show();
  $ajax({url:'',async:false}).done(function(){...//some operation});
  $('.loading-gif').hide();
  </code></pre>
  
  <p>I would like to know why this is happening.
  Note :When i check using debug it works but the gif image stops its animating when ajax request is called.
  Also what is solution for me to get this resolve.</p>