Enviar formulario con JQuery sin recargar pagina

[acumulador]

Buenas tardes, mi pregunta esta vez es sobre la forma para enviar datos de un formulario y mostrarlos en mi pagina. Aclaro que ya he buscado muchisimo y la verdad no me funciona, ya manejo sin problemas la parte de php y hago lo que necesito con css, ya me muestra datos pero en otra pagina php y lo que quiero es mostrarlos en un div con id. Les dejo el codigo como intento hacerlo, espero me puedan ayudar.

mi archivo js
var x;
x= $(document);
x.ready(ini);

function ini()
{
$('form').submit(function(event) {
event.preventDefault();
var url = $(this).attr('action');
var datos = $(this).serialize();
$.post(url, datos, function(resultado) {
$('#datos').html(resultado);
});
});
}

Donde form es el name de mi formulario y #datos es mi div con el id correspondiente. en el action del formulario la pagina que esta es php/consulta_datos.php
Espero me puedan ayudar, de antemano muchas gracias por su tiempo y ayuda en este problemita.