how to get generated html form with jquery

Question

I have this form

<form id="myForm">
<input name="foo" value=""  />
<input name="bar" value=""  />
... other dynamic input generated by jquery
</form>

How do I get all the html, including the values ​​of "foo" and "bar" and other input values?

I do not need the values, but all the generated html including the values ​​entered by users.

$ ('#myform').html()

returns the html of the form WITHOUT the values ​​entered by users

Answer 1

You can manually set the value attributes like this:

$('#myForm input').each(function(){ 
    $(this).attr('value', $(this).val());
});
console.log($('#myForm').html());

working fiddle: http://jsfiddle.net/7g6CP/1/

Be careful what you do with this however, you might be opening yourself up to some security concerns.