Deletar <TR>

Olá a tofos.

Eu tenho um código que deleta a <TR> ao clicar no botão correspondente na linha da <TR> deletada, mas só que não esta funcionando, porque ?

 

<script type='text/javascript'>
$('a.red').click(function(e) {
 e.preventDefault(); // don't follow the link
 $(this).closest('tr').remove(); // credits goes to MrKurt for use of closest()
});
</script>

<table>
 <tr><td>BookA</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
 <tr><td>BookB</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
 <tr><td>BookC</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
 <tr><td>BookD</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
</table>