JQuery gridview 2nd column's cell value which show/hide the row(s)

JQuery gridview 2nd column's cell value which show/hide the row(s)

<

 script src ="Script/jquery-1.4.min.js" type ="text/javascript"></ script >

< script type ="text/javascript">

$(document).ready(

 function () {

 //To remove the row on click on click of the row

$(

 "#check_rows" ).click( function () {

if ($('#check_rows').is(':checked')) {

$('#<%=GridView1.UniqueID%> td:nth-child(2):contains(Playing)').css("background-color", "green");

$('#<%=GridView1.UniqueID%> td:nth-child(2):contains(Playing)').css({ "cursor": "hand" });

$('#<%=GridView1.UniqueID%> td:nth-child(2):contains(Playing)').fadeOut(500, function() {

$('#<%=GridView1.UniqueID%> td:nth-child(2):contains(Playing)').hide();

});

}

else {

$('#<%=GridView1.UniqueID%> td:nth-child(2);td:contains(Playing)').css("background-color", "green");

//$("tr:not(:has(td))").css({ "cursor": "hand" });

$(

 '#<%=GridView1.UniqueID%> td:nth-child(2);td:contains(Playing)' ).fadeOut(500, function () {

$(

 '#<%=GridView1.UniqueID%> td:nth-child(2);td:contains(Playing)' ).show();

});

}

}); //Change the backgroupd color while removing the GridView row and fade out feel to the user

});
 
-----------------------------------------------------------------------------------------------------------------------------------------------------
Refer to the code jQuery above, I need to filter those rows which contain the cells value  "Playing" 
and make it hide from the web broswer where only locate at second column, which hide the 2nd row as shown below.
I need you help to find the 2nd column's cells which contains the "Playing" and hide away that rows.
By the way, how can I pass the checkbox control ID $ ("#check_rows" ).click( function () { to there since I've got so many different ID checkboxes there.
much more thanks if u can help me........hav a nice day, jQuery the best !!
 
Before
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
After