Urgente ayuda sobre creacion de text fields adicionales con js

[jiten]

Amigos puse este código que funciona excelente con IE, pero no pasa nada con Firefox :

Se supone que al hacer click en el bottón "(+) Aumenta un campo de texto" éste me debería añadir más campos , tanto en IE como en Firefox lo hace, pero a diferencia de IE, en Firefox elimina los valores de los anteriores text fields en caso de que ya haya escrito algo dentro de ellos.... por qué señor por qué ???


<script language="javascript">

$nummaxrooms=1;
fields = 0;
function addInput() {
if (fields <= 5)
{
document.getElementById('text').innerHTML += "<br>Room type name : <input type='text' name='roomtypename"+fields+"' class='style10'/> Quantity : <input type='text' name='roomqty"+fields+"' class='style10' size='9'/> Rack Price us$: <input type='text' name='roomrackprice"+fields+"' class='style10' size='9'/><br>";
fields += 1;
}
else
{
alert("Sólo se pueden 5 registros.");
document.form.add.disabled=true;return;
}

}

//
//... y en el body (formulario) el botón es :
//

<input type="button" onclick="addInput()" name="add" value="(+) Aumenta un campo de texto" />



Alguna ayuda por favor ?