[javascript] InnerHTML reset

ik heb een divje en daain staat een textveldje, en met een knop kan je meerde textveldjes toevoegen aan die div, maar telkens als je er een toevoegd worden de andere textveldjes gereset naar hun begin waarde (behalve in IE waar het wel goed werkt)

weet iemand hier een oplossing voor?

<script language="javascript">
<!--
var veldjes = 1;
function addtextinput(){
	document.getElementById('inputveldjes').innerHTML += "<input type=\"text\" name=\"T" + veldjes + "\" id=\"T" + veldjes + "\" size=\"20\">";
	veldjes+=1;
}
-->
</script>
<form>
  <div id="inputveldjes"><input type="text" name="T0" id="T0" size="20">
  </div>
  <input type="button" value="Add" onclick="javascript:addtextinput();" name="B1">
</form>