title: check if this element OR this element is hovered with jQuery
body: <p>I have two separate elements in my DOM that require a change when either one is hovered. When the link is hovered, the image src needs to change (easy) AND the link color needs to change. When the image is hovered, the same effect needs to happen (image src changes &amp; link color changes)</p>
  
  <p>This is actually quite easy to do, but I have a feeling there is a MUCH easier way to do it then the approach I am taking. Currently I am going through each of the 8 elements and testing if they are hovered individually. This works good, but there is so much more jQuery here than I feel there should be.</p>
  
  <p>I tried adding the attribute <code>onmouseover</code> to both of the elements and triggering the same function, but for some reason the function wasn't triggering.</p>
  
  <p>Is there a way to test if either element is hovered and trigger a function if either one is? Something like this:</p>
  
  <pre><code>if($(#elm1).hover() || $('#elm2').hover()) {
      //effect here
  }
  </code></pre>
  
  <p>OR</p>
  
  <pre><code>if($('#elm1').is(':hover') || $('#elm2').is(':hover')) {
      //effect here
  }
  </code></pre>
  
  <p>I tried my example code above, but wasn't getting any results. Is there a way to do this or am I stuck with checking each individual element?</p>