title: $.css() not working with :hover and :active psuedo-classes
body: <p>I am wondering why the <code>button:hover</code> and <code>button:active</code> is not working when using <code>$.css()</code></p>
  
  <pre><code>button {
      background: #781111;
      color: white;
  }
  </code></pre>
  
  <p>&nbsp;</p>
  
  <pre><code>&lt;button&gt;test&lt;/button&gt;
  </code></pre>
  
  <p>&nbsp;</p>
  
  <pre><code>$('button:hover').css({
      'background':'#fe2000'
  });
  
  $('button:active').css({
      'background':'#d50d04'
  });
  </code></pre>
  
  <p>The button still appears in the same way when hovering and clicking it. Is there another way of doing this?</p>
  
  <p><a href="http://jsfiddle.net/EneH7/" rel="nofollow">JSFiddle</a></p>