title: Jquery fadeToggle doesn't work
body: <p>I need to fadeToggle some classes when I am hover on image. I am using Opencart.<br>
  Here is how it works <a href="http://imgur.com/TzgDHz2" rel="nofollow">http://imgur.com/TzgDHz2</a><br>
  As you can see it works, but when I click to the <strong>List</strong> or <strong>Grid</strong>(top right) the effect is not working.<br>
  <strong>Jquery code:</strong>   </p>
  
  <pre><code>$(document).ready(function(){
   $(".image").hover(function(){
    $(".wishlist, .compare").fadeToggle();
   });
  }); 
  </code></pre>
  
  <p><strong>HTML code:</strong>    </p>
  
  <pre><code> &lt;div class="image"&gt;    
     &lt;a href="&lt;?php echo $product['href']; ?&gt;"&gt;
      &lt;img src="&lt;?php echo   $product['thumb']; ?&gt;" title="&lt;?php echo $product['name']; ?&gt;" alt="&lt;?php echo $product['name']; ?&gt;" /&gt;
     &lt;/a&gt;
      &lt;div class="wishlist" style="display: none;"style="display: none;"&gt;&lt;a onclick="addToWishList('&lt;?php echo $product['product_id']; ?&gt;');"&gt;&lt;i class="ebenicon ebenicon-plus-square"&gt;&lt;/i&gt;&lt;?php echo $button_wishlist; ?&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div class="compare" style="display: none;"&gt;
      &lt;a onclick="addToCompare('&lt;?php echo    $product['product_id']; ?&gt;');"&gt;
     &lt;i class="ebenicon ebenicon-plus-square"&gt;&lt;/i&gt;&lt;?php echo $button_compare; ?&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>