Adicionar novo campo

[Inferi]

Bom dia, tenho um formulário onde preciso de inserir novos campos carregando numa imagem.

Tenho o código montado, e está a adicionar os campos na zona correcta, mas se o primeiro tiver dados, quando adiciono outro, os dados limpam automaticamente.

Código Javascript

  fields = 0;
  function addInput() {
    if (fields != 4) {
      document.getElementById('dynamicInput').innerHTML += "<input type='text' size='25' maxlength='35' name='PagPessoal[]' class='fonttxt'><br>";
      fields += 1;
    } else {
      alert ("Apenas são permitidas 5 páginas pessoais.");
      document.ajaut.add.disabled=true;
    }
  }  
[/Code]

Código HTML do formulário

[Code=html]
<td align="left" id="dynamicInput">
<table>
<input type="text" size="25" maxlength="35" name="PagPessoal[]" class="fonttxt">
<img class="add" src="images/add.png" style="cursor: pointer;" onclick="addInput('dynamicInput');" height="15" width="15">
</table>
</td>
[/Code]

[HappyHippyHippo]

http://jsbin.com/hibojutice/1/

[Inferi]

thanks