title: How to force a hover state with jQuery?
body: <p>Please, considere this CSS code:</p>
  
  <pre><code>a { color: #ffcc00; }
  a:hover { color: #ccff00; }
  </code></pre>
  
  <p>This HTML code:</p>
  
  <pre><code>&lt;a href="#" id="link"&gt;Link&lt;/a&gt;
  &lt;button id="btn"&gt;Click here&lt;/button&gt;
  </code></pre>
  
  <p>And, finally, this JS code:</p>
  
  <pre><code>$("#btn").click(function() {
     $("#link").trigger("hover");
  });
  </code></pre>
  
  <p>I would like to make my link uses its pseudo-class :hover when the button is clicked.
  I tried to trigger events like mousemove, mouseenter, hover etc, but anyone works.
  Notice that I want to force the use of the my CSS pseudo-class :hover specification and not use something like:</p>
  
  <pre><code>$("#link").css("color", "ccff00");
  </code></pre>
  
  <p>Some one know how do I do this? Thank you a lot.</p>