This is not working. Firebug is not throwing any error though. 

HTML: 

```
<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>

```

Javascript:

```
function deleteRow(ref) {   
    $(ref).parent().parent().remove(); 
 }

```

**If possible, I would like to use a solution with inline javascript**