title: Jquery: Selecting element OR variable
body: <p>I have looked for an answer to this but the answers I have found don't seem to solve my issue.</p>
  
  <p>I want to get the same functionality as this:</p>
  
  <pre><code>$('.navlistitem &gt; a:contains("Products"), .dropdown.productmenu').hover(function(){
      showThis.call($(productMenu));
  }, function(){
      hideThis.call($(productMenu));
  });
  </code></pre>
  
  <p>By instead using a variable for the second selector, something like below:</p>
  
  <pre><code>var productMenu = $('.dropdown.productmenu');
  
  $('.navlistitem &gt; a:contains("Products")', productMenu).hover(function(){
      showThis.call($(productMenu));
  }, function(){
      hideThis.call($(productMenu));
  });
  </code></pre>
  
  <p>productMenu is a slide-on-hover menu that should appear - and does with the first example. But I can't get it to work with the second one. How would I select '.navlistitem > a:contains("Products")' OR the variable called productMenu?</p>
  
  <p>Thanks in advance!</p>