[jQuery] Issue with jQuery zebra tables tutorial...

[bryce4president]

I've just started working with jQuery today.  One of the things I've
been doing is using zebratables, but it has been with a javascript
function I found that runs off the window.onload.  I like the idea of
doing this in jQuery as it is definitely faster (i tested it) and it
is a lot cleaner and simpler.

Here's the problem.   I do the   $(".stripeMe
tr:even").addClass("alt");  and  it works just fine.  Then I have
the   $(".stripeMe tr").mouseover(function(){
                        $(this).addClass("over");
                });

But instead of replacing the class that is there, it actually adds it
to it.  so then it will say <tr class="alt over">

So I put this in, $(".stripeMe tr").mouseover(function(){
                        $(this).removeClass().addClass("over");
                });

Adding the removeClass() does the trick.  The problem after that is
that when I do the mouseout I have no way of knowing what the previous
class was.  So I have to do a
                $(".stripeMe tr").mouseout(function(){
                        $(this).removeClass();
                        $("stripeMe tr:even").addClass("alt");
                });

This is not good for larger tables as it can make the page seem
glitchy when doing a mouseover.  I didn't know if there was a way to
find out in $(this) is even or not....

This works the same in IE6 and FF2.  Am I doing something wrong or is
the tutorial not correct?  I understand how it is theoretically
supposed to work in the tutorial, but its not right.

Thanks for the help.
Love jQuery by the way.  Great library.