On hover display none, on mouse out display block
<p>I have a div on my page, that is click and draggable. </p>

<p>Over this div, I have another that is absolutely position. </p>

<p>On hover of this div, I want it to fade out and dissapear so i can use the div beneath, I cant seem to get it working however. Is there a way to say on hover, display none, on mouse leave, display block?</p>

<p>Currently im using...</p>

<pre><code>$('.overlay').hover(function() {
    $(this).stop(true).fadeTo("fast", 0);
}, function() {
    $(this).stop(true).fadeTo("fast", 0.3);
});
</code></pre>
