Hide body until loaded, jQuery fadeout instead of javascript hide
<p>I'm using this code to hide a client's page until it's loaded:</p>

<pre><code>&lt;style type="text/css"&gt;

#cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #1984B5; z-index:9999;}

&lt;/style&gt;

&lt;script type="text/javascript"&gt;
window.onload = hide;
function hide(){
nav1=document.getElementById('cover').style
nav1.display='none';
}
&lt;/script&gt;
</code></pre>

<p>But the transition is a little jarring with javascript hide. I'd like to use the jQuery fadeout, but it looks like they've redefined the jQuery <code>$</code> as <code>jQuery</code>, and I'm not sure how to rewrite this so it works. I tried replacing <code>$</code> with <code>jQuery</code>, but that didn't work:</p>

<pre><code>$("#cover").fadeOut(5000);
</code></pre>
