Jquery mouseover mouseleave
<p><strong>HTML</strong></p>

<pre><code>&lt;div id="div-1"&gt;I'm div-1&lt;/div&gt;
&lt;div id="div-2"&gt;I'm div-2&lt;/div&gt;
</code></pre>

<p><strong>JS</strong></p>

<pre><code>$("#div-1").bind('mouseover',function(event){
  $('#div-2').stop(true,true).fadeIn(100);
});
$('#div-2').bind('mouseleave', function(e) {
  $(this).stop(true,true).fadeOut(100);
});
</code></pre>

<p>My question is : How can I fadeOut the #div-2 If I mouseleave in the #div-1 ?
I'm currently using jquery 1.2.6 and I can't change the version.</p>

<p><strong>EDIT</strong></p>

<p><a href="http://jsfiddle.net/JUFDA/" rel="nofollow">jsfiddle example</a></p>
