no puedo modificar desde dentro del div

[danistrein]

hola amigos miren este code:

Código Javascript:

function configAjax(){
var xmlhttp=false;
try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {
try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; }}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); }
return xmlhttp;
}
var cargando = '<div align="center"><div id="cargando"></div></div>';
 
function editar(id,cuenta,email,capa){
var capaId = document.getElementById(capa);
ajax = configAjax();
ajax.open("GET", "server/editar.php?id="+id+"&cuenta="+cuenta+"&email="+email,true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==1){
            capaId.innerHTML = cargando;
        }
        if (ajax.readyState==4){
            capaId.innerHTML = ajax.responseText;           
        }
    }
ajax.send(null);
}
 

Código HTML:

<div id="email">
<form action="" method="post">
Email: 
<input type="text" value="ejemplo@asd" size="30" name="editar">
<input type="button" value="GUARDAR"  onclick="editar('ediTemail','cuenta','this.form.editar.value','email');return false;">
</form>
</div>
 

mi problema es que no me recarga el div email, :S alguien sabe como puedo solucionarlo?

[ikeyman]

seria mas facil con jquery..

[danistrein]

Iniciado por ikeyman

seria mas facil con jquery..

jeje si pero lastima que no me gusta usar jquery

alguien sabe como resolver mi problema?