Web Forms :: Change Background Color And Then Fade Out GridView Row On Button Click With JQuery

i have gridview  in which i have a Image button  with id ('  ImageButton3 ') on click of which i want to hide that corresponding row , by first highlighting it  by followed fadeIn effect ....

Here is code of gridview:

<asp:GridView ID="grid" runat="server" AutoGenerateColumns="False" CssClass="mGrid" ShowFooter="true"
AlternatingRowStyle-CssClass="altrow" DataKeyNames="productid" Width="100%" BorderWidth="0px"
AllowPaging="True" PagerStyle-HorizontalAlign="Center" PagerStyle-VerticalAlign="Middle">
<RowStyle Height="50px" />

[Code] ....

This is code for javascript:
 
<script type="text/javascript">
$(document).ready(function() {
$("[id*=ImageButton3]").live("click", function() {
$(this).closest("tr").hide();
return false;
});
});
</script>

But the code i am using only hide the row , i am not able to get the effects of fadeIn  and highlighting ..

Also i want i know that am  i using right code to hide gridview row ?