al hacer un innerHTML en firefox me borra el valor de un input en el mismo div

[seedwallgon]

al final encontré algo que me lo soluciona, no se como funciona pero hace lo que deseo pero claro que solo para firefox, solo me queda preguntar que navegador es y hago esto o innerHTML
.........

Código:

var para = document.getElementById("capa");
var s = "<span>HOLA</span>";
var range = document.createRange();
range.selectNode(document.body);
var documentFragment = range.createContextualFragment(s);
para.appendChild(documentFragment);