Clone all html elements in a div with all form values dinamically

clone_html.js

/* Requires jQuery*/

function clone(from, to){

    // Do this before clone

    $('[type=text], textarea').each(function(){ this.defaultValue = this.value; });
    $('[type=checkbox], [type=radio]').each(function(){ this.defaultChecked = this.checked; });
    $('select option').each(function(){ this.defaultSelected = this.selected; });
    
    // Then clone

    var html_content = $(from).html();
    $(to).html(html_content);
    
}

/* Usage */

clone("div#source", "div#target");