Na minha página em PHP e Javascript, criei um espaço que contém duas Textbox e uma label clicável pra adicionar mais Textbox, se necessário, ao div numPart:
<div id="numPart">
<div class="inputMGM"><input name="part" id="" class="validate[required]"></input></div>
<div class="inputMGM"><input name="part" id="" class="validate[required]"></input></div>
</div>
<label id="addPart" class="SpaceEnviar" style="cursor: pointer; decoration: underline">ADICIONAR PARTICIPANTE</label>
E a função que adiciona mais textbox é a seguinte.
var x=1;
$("#addPart").click(function(){
var d = document.getElementById('numPart');
d.innerHTML += "<div class='inputMGM'><input name='part' id='' class='validate[required]'></input></div>";
});
Contudo, se eu tiver preenchido alguma das Textbox existentes e clicar pra adicionar mais uma, o texto existente que eu preenchi some.
Como eu posso fazer pra manter os textos escritos nas Textbox existentes a medida que eu for clicando pra adicionar mais ao formulário?