title: How can I simulate a mouseover event with jquery?
body: <p>I have a star rating system as defined like this:</p>
  
  <pre><code>&lt;span class="rating_container"&gt; 
      &lt;span class="star_container"&gt;  
          &lt;a rel="nofollow" href="" class="star star_1" &gt;1&lt;span class="rating"&gt;Terrible&lt;/span&gt;&lt;/a&gt;   
          &lt;a rel="nofollow" href="" class="star star_2" &gt;2&lt;span class="rating"&gt;Bad&lt;/span&gt;&lt;/a&gt;
          &lt;a rel="nofollow" href="" class="star star_3" &gt;3&lt;span class="rating"&gt;Bad&lt;/span&gt;&lt;/a&gt;
          &lt;a rel="nofollow" href="" class="star star_4" &gt;4&lt;span class="rating"&gt;OK&lt;/span&gt;&lt;/a&gt;   
          &lt;a rel="nofollow" href="" class="star star_5" &gt;5&lt;span class="rating"&gt;OK&lt;/span&gt;&lt;/a&gt;   
          &lt;a rel="nofollow" href="" class="star star_6" &gt;6&lt;span class="rating"&gt;OK&lt;/span&gt;&lt;/a&gt;   
          &lt;a rel="nofollow" href="" class="star star_7" &gt;7&lt;span class="rating"&gt;Good&lt;/span&gt;&lt;/a&gt;   
          &lt;a rel="nofollow" href="" class="star star_8" &gt;8&lt;span class="rating"&gt;Good&lt;/span&gt;&lt;/a&gt;   
          &lt;a rel="nofollow" href="" class="star star_9" &gt;9&lt;span class="rating"&gt;Excellent&lt;/span&gt;&lt;/a&gt;   
          &lt;a rel="nofollow" href="" class="star star_10" &gt;10&lt;span class="rating"&gt;Excellent&lt;/span&gt;&lt;/a&gt;  
      &lt;/span&gt; 
  &lt;/span&gt; 
  </code></pre>
  
  <p>Each individual star is colored when a mouseover happens. How can I simulate this with jquery? For instance I'd like to mouseover star 5.  This is what I've tried:</p>
  
  <pre><code>     $('.star.star_5').addClass('active');
  </code></pre>
  
  <p>What am I missing?</p>