añadir cajas de texto dinamicamente

[bebo]

Con éste codigo no se borra lo ya escrito:

Código html:

<script>
var cajas=2;
function agregar_caja(){var valores=new Array();var contenido=""
 
for(i=1;i<=cajas;i++){//Obtenemos el valor de las cajas
valores[i]=eval("document.form.caja"+i.toString()+".value");
}
cajas=cajas+1
for(i in valores){
contenido+="Caja "+i.toString()+": <input type=text name='caja"+i.toString()+"' value='"+valores[i]+"'><br>"
}
contenido+="Caja "+cajas.toString()+": <input type=text name='caja"+cajas.toString()+"'><br>";
document.getElementById("cajas").innerHTML=contenido;
 
 
}</script>
<form action="tu pagina.php" method=post name=form>
<div id="cajas">Caja 1: <input type=text name=caja1><br>Caja 2: <input type=text name=caja2><br></div>
<input type=button onclick="agregar_caja()" value="Agregar caja"><br>
<input type=submit value=Enviar></form>