Accessig Each Row in a asp.net grid view using jquery

See more:

C#

ASP.NET

jQuery

My .aspx page contains a grid view with id="gridview1". It is a bounded grid view and placed inside a update panel it contains a template field with check box.
I would like to highlight rows in grid view as the mouse move moves over the grid and want to change color of grid row when the check box is clicked.

<asp:GridView ID="GridView1" runat="server"  AutoGenerateColumns="False" BorderWidth="0px" CellPadding="0" CellSpacing="1"                                                             DataKeyNames="Cr_rowid" ForeColor="#333333" GridLines="None"                                                             ShowFooter="True" Width="16px">
                                                            <RowStyle BackColor="#FFFBD6" ForeColor="#333333" HorizontalAlign="Center" />
                                                            <Columns>
<asp:BoundField DataField="Slno" HeaderText="SlNo" />
                                                                <asp:BoundField DataField="Accessory_code" HeaderText="Code" />
    <asp:BoundField DataField="QtyNeeded" HeaderText="QtyNeeded" />
                                                                <asp:TemplateField HeaderText="Select">
                                                                    <ItemTemplate>
                                                                        <asp:CheckBox ID="chk_select" runat="server" AutoPostBack="True" 
                                                                            oncheckedchanged="chk_select_CheckedChanged" />
                                                                    </ItemTemplate>
 </asp:TemplateField>
                                                            </Columns>                                                            
</asp:GridView>

I have tried this code inside onDocumentReady() and then inside pageLoad() but both do not work.

How can I access row of grid view at client side.

$('#GridView1 tr:has(td)').mouseover(function() {
$(this).addClass('highlightRow');
});
$('#GridView1 tr').mouseout(function() {
$(this).removeClass('highlightRow');
})