Cloning Whole Form Elements After Clicking Button March 31, 2023 Post a Comment I have this following form & Solution 1: I think you need to duplicate the contents of (row-fluid), not the whole (Wrapper) contents, this should let you add more rows of your original form template when clicking on AddMore link. This is an edit to the suggested solution by @user2389688: $("#addMore").click(function(){ $(".row-fluid:last").clone().appendTo(".wrapper"); }); Copy JsFiddle Link: http://jsfiddle.net/tCY8v/1/ Solution 2: Something like this ? $("#addMore").click(function(){ var contents = $("form").html(); $("#wrapper").append(contents); }); Copy http://jsfiddle.net/tCY8v/Baca JugaIf Validation Successful Hide Submit Button And Show Loading ImageDynamically Change Multiple Hidden Form FieldsKeep Form Value After Submit It If I did understand your question correctly. Solution 3: For example: $('#addMore').click(function() { $('.row-fluid').eq(0).clone().insertBefore(this); }); Copy Share You may like these postsFlatpicker Min Days For Range DateHow To Upload File Using Jquery Ajax And Php (without Clicking Any Submit Button)Display Child Categories On ClickCreate A Canvas With Background Image, Dynamically Update The Text, Then Save The Canvas? Post a Comment for "Cloning Whole Form Elements After Clicking Button"