title: Jquery show() doesn't work just before loading a new page on Safari
body: <p>My site must do intensive work (fetching data from other sites) before a page is ready to be displayed.
  So what happens is that user clicks a link, I show a spinning wheel gif, then when the page is ready it is loaded.</p>
  
  <p>This doesn't work on safari browser (but does on Firefox): the wheel doesn't show at all. User clicks on the link, current page is still visible while waiting but whith no spinnign wheel:</p>
  
  <p>Jquery code:</p>
  
  <pre><code>$( function() {
      $( '.show-spinning' ).on( 'click', function( e ) {
          $(".spinning-wheel").show()
      } );
  } );
  </code></pre>
  
  <p>Css code:</p>
  
  <pre><code>.spinning-wheel {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      width: 64px;
      height: 64px;
      background: url("../images/spinning.gif");
  }
  </code></pre>
  
  <p>Container html code:</p>
  
  <pre><code>&lt;div class="spinning-wheel"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>Link code that is supposed to trigger the .show() of the container: </p>
  
  <pre><code>&lt;a href="/otherpage" class="show-spinning"&gt;Link to other page&lt;/a&gt;
  </code></pre>
  
  <p>This does work when I test for example with:</p>
  
  <pre><code>&lt;a href="#" class="show-spinning"&gt;test&lt;/a&gt;
  </code></pre>
  
  <p>It's only when the link is real and sending to another page that the .show() does nothing, on safari.</p>
  
  <p>Is there a trick or another method to have this work on safari ?</p>