title: jQuery synchronous AJAX call in IE and Chrome hides "thinking" animated icon
body: <p>I am having a problem with Internet Explorer showing and hiding the "thinking" icon on synchronous calls. I understand the difference between async and sync, but it should be that synchronous calls allow the image to be displayed, the AJAX to be performed, then image to be hidden. In Firefox the image shows, AJAX is performed, and image disappears... but this does not happen in IE and Chrome.</p>
  
  <pre><code>function get(url, cache){
  
    var resp;
  
      $('#pmt_ajaximg').show();
  
      $.ajax({
        url: url,
          dataType: 'json',
        async: false,
        context: document.body,
        cache: cache,
        success: function(response){
          if(response &amp;&amp; response.hello){
              console.log(response.hello);
          }
              $('#pmt_ajaximg').hide();
        }
      });
  }
  </code></pre>
  
  <p>I've tried moving the <code>$('#pmt_ajaximg').hide()</code> to it's own <code>complete()</code> function in the <code>$.ajax object</code> but that did not work either. Interestingly, if I comment out the <code>$('#pmt_ajaximg').hide()</code> completely, I do in fact see the image show up and stay there, so I know it's working initially. </p>
  
  <p>Additionally, I also added a <code>console.log('test')</code> to the <code>success()</code> function and it shows up AFTER the result is returned from the AJAX, but the <code>$('#pmt_ajaximg').hide()</code> appears to run right away, thus hiding the <code>$('#pmt_ajaximg').show()</code>'s effects before it has a chance to show. </p>
  
  <p>Also, before anyone says it may be so quick the image doesn't have time to display, note that this is a simplified version of the function and the real one definitely does take some time, and as I said, shows up in FF. </p>
  
  <p>Very strange. Any ideas?</p>