[JS] Probleme beim dyn. Erweitern von Forms mit AJAX

[faux]

Hallo!

Ich habe folgendes Problem:
Ich habe ein einfaches HTML-Formular:

Code:

<form action="admin_bills.php?mode=dopay" method="post" id="billform">
<div id="fields">
  <fieldset id="bill_1">
    <legend>Rechnung 1</legend>
    <label>Vertragsnummer: <input type="text" name="contract_ids[1]" onchange="contractchanged(this,1)" tabindex="1" /></label>
    <label>Bezahlter Betrag: <input type="text" name="paid_amounts[1]" tabindex="2" /></label><span id="out_1"></span>
</fieldset>


</div>
</form>

Also zwei Felder, und das war es dann auch schon. Der User kann jetzt mit einem Button, noch so ein 2-Felder-Set hinzufügen.
Per AJAX wird dann der HTML-Code angefordert und einfach per document.getElementById('fields').innerHTML += XMLHTTP.responseText; angefügt.
Soweit so gut; es funktioniert auch alles wunderbar. Das Problem ist nur: Wenn man im FF in bereits vorhandene Felder etwas geschrieben hat, werden diese wieder geleert, sobald man eine neue Zeile hinzufügen will.
Im IE funktioniert das allerdings.
Wie kann ich das lösen?

Grüße
Faux