Mouseover on GrivView

Mouseover on GrivView

Hi All -

I am new to this forum and also to jquery.
My application is ASP.Net 3.5 sp1 - VB.Net and uses Master Pages and AJAX. After working out all the issues with Masterpages and AJAX and getting jquery to work - I have run into an issue that I can not resolve.

I am using one of the beginning examples to highlight a row in a GridView on mouseover. It works great - the problem is that it works on the html tag <tr>. The page where the GridView is also has a Calendar Control which also renders <tr>, an ASP.Net Menu Control which also renders <tr> and a table for layout of some of the onter controls. All of these are getting the mouse over highlights now and I only want the GrivView to get this effect. Here is the jquery code:

            $(document).ready(function() {
                $("tr").filter(function() {
                    return $('td', this).length && !$('table', this).length
                }).css({ background: "ffffff" }).hover(
            function() { $(this).css({ background: "#ffc83c" }); },
            function() { $(this).css({ background: "#ffffff" }); }
            );
            });


Is ther a solution to this?

Thanks