jQuery effect goes once but I need it to recur
<p>I'm using .fadeIn and .fadeOut and can get the effect to happen once, the problem is getting it to happen each time the link is moused over.  I've tried dripping in .deQueue() and .stop() to no avail.  (newb here, so please be patient and thorough in your explanation - much is still over my head)</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;

&lt;style&gt;
p { position:relative; width:400px; height:90px; }
div {
position:fixed;
padding-top:25px;  
top:300px;
left:300px;
display:none;
}
span { display:none; } 
&lt;/style&gt;

&lt;script type="text/javascript" src="jQuery.js"&gt;&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;a href="#"&gt;MouseOver!&lt;/a&gt;

&lt;h3&gt;&lt;div&gt;&lt;span&gt;Sample Text&lt;/span&gt;&lt;/div&gt;&lt;/h3&gt;

&lt;script&gt;
$("a").mouseover(function () { 
$("div").fadeIn(0, function () { 
$("span").fadeIn(3000);
}); 
return false; 
});  

$("a").mouseout(function () { 
$("h3").fadeOut(3000);
});

&lt;/script&gt;

&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
