Highlight Asp.net Gridview Rows on MouseOver in jQuery

<script type="text/javascript">

$(document).ready(function() {

$('#gvrecords tr:has(td)').mouseover(function() {

$(this).addClass('highlightRow');

});

$('#gvrecords tr').mouseout(function() {

$(this).removeClass('highlightRow');

})

})

</script>

<style type="text/css">

.highlightRow

{

background-color:#FFCC00;

text-decoration:underline;

cursor:pointer;

}

</style>

$('#gvrecords tr:has(td)').mouseover(function() {

By using this we are identifying row tr with td and applying css style for gridview. Instead of this we can write the code like this

$('#gvrecords tr').mouseover(function() {

But above code will apply css style for gridview header also for that reason we written above code to identity and apply css style for row tr with td