Q:

Capture modified DOM content of completed form

I am trying to capture the modified HTML of a form to save it for later use. I ideally would like a string that have "checked" and "selected" attributes on radio button/ dropdowns that the user has selected. I am using jQuery and I thought I could do a simple $('form').html() on the form and it would return me the form HTML with the new user inputed values, but it returns me the original HTML with no user input.
How can I create a string of HTML from the filled out form that reflects the user's changes? 

A:

I thought I'd take a wack at this just for educational purposes...
You could bind all appropriate events to actually edit the DOM:
http://jsfiddle.net/jkj4h/

