hey guys

im trying to impelement a technique to delete stories with jquery animation exactly like wordpress

this is my script part :

$(function(){
 $('#jqdelete').click(function() {
  $(this).parents('tr.box').animate( { backgroundColor: '#cb5555' }, 500).animate( { height: 0, paddingTop: 0, paddingBottom: 0 }, 500, function() {
   $(this).css( { 'display' : 'none' } );
  });
 });
});

and this is my html part

    <tr class='box'>
        <td> <a href=\"edit.php&pid=$pid\">$title</font></a></td>
        <td >$eki</td>
        <td>
            <a href='javascript:void(0)' id='jqdelete'>
            <img src=\"images/delete.gif\"></a>
        </td>
</tr>

but not working am i wrong in any part of my code ?

Note : if i use div instead of tr and td , works fine , but i want to use this effect on my table rows

thanx