jQuery re-direct to page on MouseOver Looping
<p>I'm trying to re-direct or load a page on moveover or hover, the code below works just fine for what I'm trying to do, however if you keep the move over the link it loops and keeps reloading the page, how do I stop it from looping constantly when hovering over the links? </p>

<pre><code>$(document).ready(function() {
    $(".container").css("background", "");
    $(".container").fadeIn(500);
    $("#side-menu ul li a").hover(function(event){
      event.preventDefault();
      linkLocation = this.href;

      $(".container").fadeOut(1000, redirectPage);
    });


    function redirectPage() {
      window.location = linkLocation;
    }
});
</code></pre>
