jQuery: Obtenga HTML así como los valores de entrada

Question

Estoy tratando de tener una tienda variable HTML en una etiqueta div, pero simplemente usando var a = $('div').html() no almacena los valores de las etiquetas de entrada que se encuentran dentro de la div.

Entonces, mi pregunta es, ¿cómo debo ir para guardar el HTML y las opciones seleccionadas y los valores de las etiquetas de entrada a una variable usando jQuery?

Aquí es un código de ejemplo:

HTML:

<div> 
    <p>Some Text</p> 
    <select name="word"> 
    <option value="1">Placeholder 1</option> 
    <option value="2">Placeholder 2</option> 
    </select> 
    <input type="text" /> 
</div> 

Javascript:

/* "a" should also have the user values, such that when I use $('body').append(a), 
it has the same user input as the div. */ 

var a = $('div').html(); 

Gracias de antemano.

Answer 1

Usted podría $.clone() el elemento.

var $a = $("div:first").clone(); 

$a.appendTo("body"); // Clone invades your body 

Demo en línea: http://jsbin.com/obebov/edit