Selecting an element inside of the hovered "li" tag
<p>I have a few <code>&lt;li&gt;</code> tags and I need to hide an element inside of the hovered <code>&lt;li&gt;</code>tag.
The following code is not working, please let me know how can I get it worked...</p>

<pre><code>$(function(){
  $("#deals ul li").hover(function(){
     $(this:has(".transform")).hide();
  });
});
</code></pre>

<p>Thanks.</p>
