Cloning Whole Form Elements After Clicking Button May 05, 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 JugaCaption Does Not Work After Centering ImageJquery Datepicker Getting Displayed At The Bottom Of The Page (keith-wood Datepicker)How To Change Label Color In Javascript On Submit Button 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 postsHtml 5 Video EndedSet Up Buffering For ObjectHow To Keep Buttons, Text And Images Relative To A Screens/browsers Size?Html/javascript: Hiding Link Destination And Opening Link In New Tab Post a Comment for "Cloning Whole Form Elements After Clicking Button"