showing a element on mouseover and hiding it on mouseout
<p>I have this small script that shows a caption for a img when it is moused over.</p>

<pre><code> $("#v1").mouseover(function() 
 {
     $("#vc1").fadeIn("slow");
    });
</code></pre>

<p>How can I expand on this so that the caption <code>#vc1</code> fades back out when the icon <code>#v1</code> is not moused over?</p>
