<!-- código HTML del formulario -->
<div class="form-group">
<label for="email" class="control-label pull-left">E-mail *</label>
<div class="col-xs-12 col-sm-5">
<input id="email" class="form-control" type="email" required/>
</div>
</div>
// ARCHIVO JS
$(document).ready(function() {
$("#email").on('blur', function(){
alert("Evento blur");
});
});
El formulario no se encuentra en el index.php, si no en otra página donde está el formulario de registro del usuario, pero el archivo.js se carga en todas las paginas ya que la cabecera la tengo creada en un archivo aparte al cuál lo llamo haciendo un require_once('cabecera.php'); en todas las páginas.
Bueno, pues sencillamente no realiza el evento, no muestra ni el alert(); ya que mi intención es llamar a una función que compruebe si el email se encuentra en la base de datos mediante AJAX para que no lo introduzca si ya está siendo usado por otro usuario.
¿Alguna idea de por qué se comporta así y no lo hace? ¿O de si yo estoy haciendo algo mal? Alguna llamada de archivo, etc...
Gracias de antemano.
