jQuery and Adobe Muse

jQuery and Adobe Muse

Hi Everyone,
Forgive my ignorance but I've been struggling with this little issue all day and I'm not sure whether this a jQuery issue, my issue (very likely) or an Adobe Muse issue (equally could be the cause).

I'm trying to make a smooth transition between separate pages when any link on the pages are used.

This is the code I'm using (below) but as you can see from the demo (also below) I seem to get a "flash" of the page its about to load before the fadeIn.

Any ideas?

code with in Muse:

<script type="text/javascript">
$(document).ready(function() {
    $("body").css("display", "none");
        linkLocation = this.href;
        $("body").fadeOut(2000, redirectPage);      
    function redirectPage() {
        window.location = linkLocation;

Demo site:

Thanks in advance