highlighting a table row

highlighting a table row

I've got a select box on my website.. with one of the options being 'delete'. This 'delete' should highlight a certain row within a table, and redirect the user to an other page.

I've got the coding below, but it doesn't highlight the table row at all. What am I doing wrong here?
  4.   <script language="javascript">
  5.   $(document).ready(function() {
  6.    
  7.    $('select').change(function() {
  8.    
  9.    if ($(this).val()=='delete'){
  10.    $.ajax({
  11. var parent = $(this).closest('tr');
  12. parent.animate({'backgroundColor':'#00B2EE'},300);
  13. parent.fadeOut(300,function() {
  14. parent.remove();
  15. window.location= ("http://www.test.com"); 
  16. });
  17. });
  19.   
  20.    }

  22. });
  23.   
  24.   });
  25.   </script>