title: Jquery combining has() with is()
body: <p>I am building a dropdown that needs jquery to change some classes for styling.
  It works well this code that basically adds a class to an <code>li</code> that has a <code>ul</code> child</p>
  
  <pre><code>$('#nav ul li:has(ul)').hover(
      function(){
          $(this).addClass('dropdown')
      },
      function(){
          $(this).removeClass('dropdown')
      }
  );
  </code></pre>
  
  <p>The issue I having is if someone clicks this link and doesn't move their cursor the <code>addClass</code> will not be triggered until the mouse leaves the element and <code>.hover</code>'s again.</p>
  
  <p>You can see the issue here <a href="http://www.on-sitephysio.com.au/industry-sectors" rel="nofollow">click the Industry Sectors link and don't move the mouse</a></p>
  
  <p>I have found <code>.is(":hover"</code>) but just can't work out how to get it working with the current <code>hover()</code>.
  Can I keep them in the same function or is it not that simple?</p>