stop stuck in fadeOut
<p>I have two divs:</p>

<pre><code>&lt;div id="small"&gt;&lt;/div&gt;
&lt;div id="big"&gt;&lt;/div&gt;
</code></pre>

<p>The small really smaller and is upside the big. z-index: 5;</p>

<p>The jQuery: When hover small it goes crazy, because it goes out and in of the big in a loop. So I try to stop and make sure that it stops when its fadeIn. But there is a moment if the mouse goes out fast, it fadesOut and don't fadeIn anymore. I don't understand why?</p>

<pre><code>  $("#big").hover(function(){
        $("#small").fadeIn();
    },function(){
        $("#small").fadeOut();
    }); 

    $("#small").hover(function() {
        $("#small").fadeIn().stop();
    }); 
</code></pre>
