Error con .submit() en AJAX

[berkeleyPunk]

Hola!

Utilizo la función que aportan en esta página para conocer el tipo de error relacionado con AJAX.

Intento usar la función .submit() pero no me funciona. El siguiente código me manda el error 0, según la función que aporta la página antes mencionada. O sea, un error de Not connect: Verify Network.

Código HTML:

<form id="mi_formulario">
        <input id="nombre" name="nombre">
        <input id="email"  name="email">
        <br>
        <input type="submit" value="Enviar">
    </form>
 
    <div id="cajaRespuesta"></div>
 

Código Javascript:

$(document).ready(function() {
            $("#mi_formulario").submit(function() {
                var datosSerializados = $("#mi_formulario").serialize();
                alert(datosSerializados);
 
                $.ajax({
                    type: "POST",
                    data: datosSerializados,
                    url:  "process.php",
                    success: function(response) {
                        $("#cajaRespuesta").html(response);
                    }
                });
            });
        });
 

Datos del process.php

Código PHP:

      $nombre = $_POST["nombre"]; 
    $email  = $_POST["email"]; 
    $respuesta = $nombre . " " . $email;     
    sleep(2); 
    echo "Respuesta AJAX, OK\nDatos introducidos: " . $respuesta;  
   

¿Alguna idea?

Saludos!