Not Able to Load Page Smoothly with jQuery
<p>I am trying to load the main index page after a welcome page.I would like to use the jQuery fadeIn() and fadeOut() functions and the fadeOut with current page works fine but I can not fadeIn the next page(Redirected) </p>

<p>Here is the code I am using 
@ welcome.html as:</p>

<pre><code> $(document).ready(function(){
 $('img').fadeIn(2500);
 $("a.transition").click(function(event){
    event.preventDefault();
    linkLocation = this.href;
    $("body").fadeOut(2000, redirectPage);
  });
 function redirectPage() {
    window.location = linkLocation;
 }
});
 &lt;/script&gt;
</code></pre>

<p>which works perfectly. I also add the </p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){
$('body').fadeIn(2000);
});
&lt;/script&gt;
</code></pre>

<p>to the header of the redirected page (main.html) which is not working.
can you please let me know how I can load the page smoothly from the welcome page?
I also would like to run this function only when the main.html is redirecting from welcome page not the other pages.  the reason that I am asking this I do not want the main.html page be loaded all the time, I just want to have a smooth load after welcome page?</p>

<p>Thanks for your time  </p>
