JQuery rollover state and "Current" items
<p>I have a simple JQuery rollover. The problem is, there is always one "current" item and I am using Jquery to change that current item accordingly. I am using the .hover function to change the hover colors based on page name. Right now, everything works fine, except that as soon as you roll over the current item, it loses it's "current" color and blanks just like the rest of the nav items. Here is a check I tried but it doesn't work. Basically, checking to see if the item does not have the color, if it doesn't then run the rollover function.</p>

<p>What am I doing wrong and is there a better way to do this? Thanks!</p>

<pre><code>if (jQuery('.sub_navigation li a').css('color') != '#F37321') {
    jQuery(".sub_navigation li a").hover(function () {
        jQuery(this).css({'color' : '#F37321'});
    }, function () {
        var cssObj = {'color' : ''};
        jQuery(this).css(cssObj);
    });
} /*end if */
</code></pre>
