title: jQuery page transition and browser history
body: <p>I'm working with jQuery to have a fade-in effect on my html page, which works just fine. However, when I hit the back-button in my browser, I go to the right url but get a blank page. Is this a browser-caching thing? I'm relatively new to jQuery and I'm not really sure how to solve this.
  This is the site: <a href="http://www.e-preview.be/huyzewaterloos/nl/index.html" rel="noreferrer">http://www.e-preview.be/huyzewaterloos/nl/index.html</a></p>
  
  <p>The code I'm using is this:</p>
  
  <pre><code>//page transition
      $("body").css("display", "none");
      $("body").fadeIn(1500);
    $("a.transition").click(function(event){
     event.preventDefault();
     linkLocation = this.href;
     $("body").fadeOut(500, redirectPage);
    });
  
   function redirectPage() {
    window.location = linkLocation;
   }
  </code></pre>