Using jQuery to clone form elements with dynamically added values
<p>I have a form that is similar to this:</p>

<pre><code>&lt;fieldset id="user"&gt;
  &lt;input type="text" id="firstName"&gt;
  &lt;input type="text" id="lastName"&gt;
&lt;/fieldset&gt;
</code></pre>

<p>Then I do an Ajax call to fill the values of those two fields. At this point I want to save the current state of the form (with the populated values) in case the user needs to revert back after making a change.</p>

<p>I've tried this:</p>

<pre><code>$("#user").clone(true).html()
</code></pre>

<p>As well as this:</p>

<pre><code>$("#user").html()
</code></pre>

<p>both return the original html from the dom that was created before the fields were populated. Is there a way to grab the html with the values after they have been populated with JS?</p>
