Script AJAX no funciona sólo cuando esta en un DIV

[lauchag95]

Buenos días, tengo el siguiente formulario:

Código HTML:

<form id="test" onsubmit="return false;">
  <label for="usuario">Nombre de usuario:</label>
  <input style="    border-radius:10px;
            -moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px;" type="text" name="usuario" id="usuario" />
  <input style="        border-radius:10px;
            -moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px;" type="submit" name="button" id="button" onclick="sendRequest()" value="Comprobar disponibilidad" />
</form>
 

Y el siguiente js:

Código Javascript:

<script type="text/javascript" src="../prototype.js"></script>
<script>
 
            function sendRequest() {
                new Ajax.Request("registro/test.php", 
                    { 
                    method: 'post', 
                    postBody: 'usuario='+ $F('usuario'),
                    onComplete: showResponse 
                    });
                }
 
            function showResponse(req){
                $('reg').innerHTML= req.responseText;
            }
        </script>
 

El asunto es que al hacer clic en el botón de envío, resulta que el formulario no hace absolutamente nada, alguna idea de por que podría ser?


PD: Si este script lo ejecuto en un DIV, o sea con un include, el javascript NO funciona, en cambio si este script lo ejecuto desde su página ( o sea entrando al archivo en sí) SI funciona. Alguien sabe por qué?

[4ng3r]

no entiendo como asi con un include ?? recuerde que las mayoría de estos frameworks dan por hecho que el Arbol DOM ya esta construido, tiene que validar eso ... tal vez en su codigo no hay necesidad de hacerlo ... y si maneja el evento onSubmit en el elemento Form y llama la función ... y donde esta el elemento "reg" ??