problemas al cargar div desde jquery

[expodavid]

buenas, a ver si alguien tiene idea de porque me pasa esto:

Tengo este script de jquery :

function showValues(){

var str = $("form").serialize();
$(document).ready(function(){
$("#resultado").load("consulta.php"+"?"+"url=" + str);
});

}
$(":checkbox").click(showValues);

showValues();

esta en una página php que tiene muchos checkbox, y lo que quiero es que cada vez que alguien marque un checkbox, ejecute esta funcion y llame a consulta.php, y el resultado de esta pagina lo meta en la <div id = resultado> de la primera página donde tengo los checkbox.

Lo que me está haciendo ahora es llamar a consulta.php sólo la primera vez que marco un checkbox, los siguientes q marco ya no me llama a esa funcion.

Alguien sabe porque es y como lo tengo que hacer?

Graciasssssss

[maycolalvarez]

veo que estas serializando el form mucho antes de que el DOM se cargue, por lo tanto no serializarás nada, has de colocar esa linea dentro de la función del ready.

Código Javascript:

$(document).ready(function(){
 
var str = $("form").serialize();
$("#resultado").load("consulta.php"+"?"+"url=" + str);
});
 
}
$(":checkbox").click(showValues);
 
showValues();