Del a row dinamically added with append

Del a row dinamically added with append

Hello, I'm working on a project were the user need add "n" items to a list before save the information

The fields are
  1. Quantity
  2. Description
  3. Price

http://jsfiddle.net/jBx9q/

What I do is, pass the values from the form to the dynamic table and add a counter into a hidden input

I use append to add a table row with the form information (see function add row), the append add a TD with a link that calls the delrow() function

It works, but once I delete a row, on every part of the dynamic table when I do a click the entire row is deleted instead be deleted only when I click the <a>Delete</a>  link.

function delrow(){
    $('table tr').click( function() {
    $(this).remove();
    });