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 JugaNeed To Redirect Form To Multiple Urls Based On InputIf Validation Successful Hide Submit Button And Show Loading ImageDynamically Change Multiple Hidden Form Fields 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 postsIs There Any Way To Make Two Jquery Animations Run (properly) Simultaneously?Jquery - How To Disable The Entire PageJavascript / Jquery Flash As3 InteractionHow To Search One String For All Of The Words Contained In A Second String? Post a Comment for "Cloning Whole Form Elements After Clicking Button"