.hover Jquery Blinks on Mouseover
<p>I am trying to display a <code>div</code> when someone mouseover the image.</p>

<p><strong>Here is my jQuery code:</strong></p>

<pre><code>var $i = jQuery.noConflict(); 
$i("#overlay-&lt;?php echo $j;?&gt;").hover(function () {
    $i("#overlay-show-&lt;?php echo $j;?&gt;").fadeIn("fast");
    $i("#overlay-show-&lt;?php echo $j;?&gt;").fadeOut("fast");   
});
</code></pre>

<p><strong>Here is My HTML Code</strong></p>

<pre><code>&lt;div id="overlay-show-1" class="overlay-show" style="display: block;"&gt;
 &lt;div class="product-price"&gt;
 &lt;h2 class="product-name"&gt;&lt;a title="Marotte Top"href="http://sabbathshop.com/index.php/apparel/marotte-top.html"&gt;Marotte Top&lt;/a&gt;&lt;/h2&gt;   
 &lt;div class="price-box"&gt;
 &lt;span id="product-price-180" class="regular-price"&gt;
  &lt;span class="price"&gt;$80.00&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
   &lt;div class="price-bottombg"&gt;&lt;/div&gt;
 &lt;/div&gt;
</code></pre>
