Problema jQuery Ajax

[Ali_Jose]

Hola a todos en estos momentos estoy aprendiendo a usar ajax por medio de jquery para guardar un formulario, pero al momento de enviar los valores de los campos es como si no encontrara la ubicacion del archivo que realiza el guardado pero la ubicación es correcta, y lo que lo complica mas es que no me da ningún error.
el codigo que poseo es este:

HTML:
<form name="frm-registro" id="frm-registro" method="POST" onSubmit="return valida(this)">

<strong>Nombre:</strong>
<input name="nombre" type="text" id="nombre" maxlength="20"/>

<strong>Apellido:</strong>
<input name="apellido" type="text" id="apellido" maxlength="20"/>

<strong>Email:</strong>
<input name="email" type="text" id="email" maxlength="40" />

<strong>Nombre de Usuario (Login):</strong></td>
<input name="usuario" type="text" id="usuario" maxlength="15"/>

<strong>Contrase&ntilde;a:</strong>
<input name="pass" type="password" id="pass" maxlength="15"/>

<strong>Confirme su Contrase&ntilde;a:</strong>
<input name="pass2" type="password" id="pass2" maxlength="15"/>

<input type="submit" value="Enviar"/>

</form>

en el archivo JS tengo la siguiente funcion:

function valida(obj){

En esta parte van condiciones IF para verificar que los campos no estan vacios no la coloco porque es algo trivial. Y si los campos no estan vacios realiza lo siguiente:

var myUrl="clases/ajax/ajax-registro.php";
var i = $('#frm-registro').serialize();
$.ajax({
type: "POST",
url: myUrl,
data: i,
success: function(data){
alert(data);
}
});
return false
}

el archivo PHP tiene lo siguiente:

$nombre = sanitize($_POST['nombre']);
$apellido = sanitize($_POST['apellido']);
$email = sanitize($_POST['email']);
$usuario = sanitize($_POST['usuario']);
$pass = sanitize($_POST['pass']);

echo "--".$nombre."--".$apellido."--".$email."--".$usuario."--".$pass;exit();

lo curioso es que si esto lo ejecuto sin jquery ajax si funciona, es decir si en el formulario coloco el atributo action="clases/ajax/ajax-registro.php" lo hace bien. Gracias y Saludos