jQuery Clone table row

Question

I have a table with an Add button on the end. When you click this button I want a new table row to be created underneath the current one. I also want the input fields on thi

Answer 1

Try this.

HTML

 
    

        

            
Name
            
Location
            
From
            
To
            
Add
        
    
    

        

            

            

            

            

            

        
    

Script

$("input.tr_clone_add").live('click', function(){
    var new_row = $("#new-row-model tbody").clone();
    $("#table-data tbody").append(new_row.html());
});