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é?