Insertar una imagen PHP con AJAX

[fedevec]

Hola a todos,

estoy intentando usar AJAX por primera vez.

Lo que estoy intentando hacer es que cuando el usuario hace click en un botón (refresh) se actualice un captcha. El captcha es una imagen generada en un script PHP. El código es el siguiente:

Código:

//Codigo para la función AJAX
function loadXMLDoc(){

   var xmlhttp;
                
   if(window.XMLHttpRequest){
      //Codigo para IE7 o posterior, Firefox, Chrome, Opera, Safari
   xmlhttp = new XMLHttpRequest();
   }
   else{
     //Codigo para IE5 o IE6
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
                
   xmlhttp.onreadystatechange=function() {
                    
      if(xmlhttp.readyState==4 && xmlhttp.status==200){
         document.getElementById("imgCaptcha").innerHTML=xmlhttp.responseText;
      }
      xmlhttp.open("POST","/captcha/captcha.php",true);
      xmlhttp.send(null);
      }
};

//Codigo dentro del body
<img id="imgCaptcha" src="captcha/captcha.php" alt="Imagen de captcha" />
<a href="#" onclick="loadXMLDoc()"> 
            <img id="refreshCaptcha" src=/img/refresh.png" alt="Boton de Actualizar" />
</a>

Pero no recibo respuesta y la consola no me trae ningun mensaje de error. Probé poniendo un alert dentro del if del onreadstatechange y se que llega hasta ahí dentro, pero no cambia la imagen. Debo usar otra propiedad en lugar de responsText? o que es lo que estoy haciendo mal. Gracias...