Data Table Styling active row doesn't work

[ainanmis]

Hi,

I am using richfaces 4 and jsf 2.  I applied insructions in below link

http://richfaces-showcase.appspot.com/richfaces/component-sample.jsf?demo=dataTable&sample=tableStyling&skin=blueSky

but, I assume that I missed something. Thus active row style does not work .

I added below code and  necessary style codes to my page.

<rich:jQuery selector=".stable tr:odd" query="addClass('odd-row')" />

    <rich:jQuery selector=".stable tr:even" query="addClass('even-row')" />

    <rich:jQuery selector=".stable tr" event="mouseover"

        query="jQuery(this).addClass('active-row')"/>

    <rich:jQuery selector=".stable tr" event="mouseout"

        query="jQuery(this).removeClass('active-row')"/>