jQuery: Hovering over an element brings fades in another element, but when hovering over that element it disappears
<p>I have a class called .description that shows up when ever the mouse is hovered over a class called .image 
HTML:</p>

<pre><code>&lt;div class="image"&gt;
    &lt;a href="?page=page1&gt;"&gt;&lt;img src="images/1.jpg" width="80" height="80"&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div class="description" style="display: none;"&gt; description 1 &lt;/div&gt;

&lt;div class="image"&gt;
    &lt;a href="?page=page2&gt;"&gt;&lt;img src="images/2.jpg" width="80" height="80"&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div class="description" style="display: none;"&gt; description 2 &lt;/div&gt;

&lt;div class="image"&gt;
    &lt;a href="?page=page3"&gt;&lt;img src="images/3.jpg" width="80" height="80"&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div class="description" style="display: none;"&gt; description 3 &lt;/div&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>$(".image").hover(function() {
    $(this).next(".description").fadeToggle();
});
</code></pre>

<p>A working version of this was provided by another user, and I have slightly modified it and put it up here: <a href="http://jsfiddle.net/zakiaziz/qnWpy/2/" rel="nofollow">http://jsfiddle.net/zakiaziz/qnWpy/2/</a></p>

<p>When ever I hover over the .image class the .description class shows up fine. The problem I am having is that when ever the mouse is hovering over where the description class should show up the description class does show up and then disappear. Some times it blinks erratically. </p>
