delete row itself using jquey
I want when user also click on any row it will delete itself i have tried out but there is a problem if you click on the row its delete itself but when you add row by click in #click. then row not deleting itself by clicking on it

here my code

**SCRIPT**

    $(document).ready(function(){
    $('#click').click(function(){
        $('#table').append('<tr><td>&nbsp;</td></tr>');
    })
    $('#remove').click(function(){
        $('#table tr:last').remove();
    })
    $('#table tr').click(function(){
    
    $(this).remove();
    
    });
    })

please help 

Thanks in advance
delete row itself using jquey
===

I want when user also click on any row it will delete itself i have tried out but there is a problem if you click on the row its delete itself but when you add row by click in #click. then row not deleting itself by clicking on it

here my code

**SCRIPT**

    $(document).ready(function(){
    $('#click').click(function(){
        $('#table').append('<tr><td>&nbsp;</td></tr>');
    })
    $('#remove').click(function(){
        $('#table tr:last').remove();
    })
    $('#table tr').click(function(){
    
    $(this).remove();
    
    });
    })

please help 

Thanks in advance