Halt closing the div; if hover over it
<p>as shown below, if the user hover over the div then how to halt the fade out div? and if the is not hover the div then fadeout whatever the time is set to.?</p>

<p>below is the code i am using....for fadein and fadeout:</p>

<pre><code> $("#success").fadeOut('slow');
 $("#success").fadeIn('slow');
 $("#success").fadeTo(5000, 1).fadeOut(2000);
</code></pre>

<p>my div:</p>

<pre><code>&lt;div class="success"&gt;&lt;a href="#" class="close"&gt;&amp;times;&lt;/a&gt;status message here...&lt;/div&gt;
</code></pre>

<p>i tried this:</p>

<pre><code>if ($('#success').is(':hover')) { //dont close me and reset the time ...} 
</code></pre>

<p>result:
<img src="http://i.stack.imgur.com/FkebT.png" alt="enter image description here"></p>
