function not seeing newly added classes
<p>I have a navigation that fades in and out the text color on a mouseover. It does this based on inactive class.</p>

<p>It works perfectly except for the page that is initially active.</p>

<p>When I change pages (via ajax) I add the 'inactive' class to the element that was previously 'active' but my function doesn't notice it as such. I can see in web inspector that the active class is being removed and inactive class added properly. Any suggestions?</p>

<pre><code>('header#primary nav a.inactive').hover(
    function(){
        $(this).stop().animate({'color': '#ffffff'}, 'slow');
    },
    function() {
        $(this).stop().animate({'color': '#a2a2a2'}, 'slow');
    });
</code></pre>
