title: Jquery how to add :hover to css style sheet
body: <p>This is the CSS I like to convert to jQuery code:</p>
  
  <pre><code>BUTTON:hover .buttonTextDIV {
  background-color: #FFFFFF;
  border-right: 4px solid #d1dbea;
  border-bottom: 2px solid #d1dbea;}
  </code></pre>
  
  <p>I use a filter in 4.01 Transitional and I have a problem with the $().hover event where the effects of the filter are negated by the onmouseleave function which $().hover uses to "emulate" the css :hover option when it leaves the object.</p>
  
  <p>So I need to "hardcode" button:hover .buttonTextDIV using jQuery.</p>
  
  <p>I want to specifically add this to each element seperate using : $(".buttontext").each(function(){}</p>
  
  <p>Is there a way to do this?</p>
  
  <p>I don't want people telling me not to use 4.01, if you intend on doing that please move on to the next question.</p>