How can I simulate a mouseover event with jquery?
<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>
