Jquery executes before content finish loading
<p>I use load() to load something into a div named 'contents', and hide it before it starts loading. I wish that the div would only fadeIn after the contents have been completely loaded, but it seems like the div 'contents' would fadeIn even before the loading in completed. I use the following script:</p>

<pre><code>$("#menu").click(function(){
        $("#contents").hide().load(loadUrl, function(){
            $(this).fadeIn(1000);});
    });
</code></pre>

<p>Can some one please aid me in fixing this trouble? I am currently testing it on my local server.</p>
