save input fields status with jquery, send to db to read later
<p>I'm trying to save a snapshot of an html page.
I'm quite satisfied with what I've achieved but I cannot save the exact status of each input field. for instance if I send to the db this:</p>

<pre><code>    data = data+"&amp;knobs="+encodeURIComponent($('#knobs').html());
data = data+"&amp;html="+encodeURIComponent($('#pane').html());
</code></pre>

<p>and I ask it back later with: </p>

<pre><code>            $('#pane').html((data.html));            
        $('#knobs').html((data.knobs));     
</code></pre>

<p>the input fields are not correct, they miss the value attribute and have the default value instead.
since I wouldn't like to make a variable for every damn object in the page (a lot) I'm here to ask if there's any way to have an exact snapshot of the html page.</p>

<p>Example:</p>

<p>if I send to the database the html() and an input field has "movie" as .val()
when I pull the html from the database it is:</p>

<pre><code>&lt;input type="text" value="default value"&gt;
</code></pre>

<p>I've tried some stupid hack but none of them did work. I'd be very glad to hear from you.</p>

<p>bye</p>
