Is there a way to clone form field values in jQuery or javascript?

Question

jQuery has a clone() function that clones the actual form with no problem, but it doesn't preserve any values that have been entered into the form.

Is there a way to get around this?

Sample code would be much appreciated.

Answer 1

Stemming from the notes, here's a solution. With the following form:

<form id="old">
    <textarea>Some Value</textarea>
    <input type="text" value="Some Value" />
    <input type="checkbox" value="bob" checked />
    <br />
</form>

<input type="button" value="Clone" id="clone" />

This jQuery works, including the textareas:

$( 'input#clone' ).click(
    function()
    {
      $( 'form#old textarea' ).text( $( 'form#old textarea' ).val() )
      $("form#old").clone().attr( 'id', 'new_form' ).appendTo("body")

    }
)

​Demo: http://jsfiddle.net/Jux3e/