JQuery imagen de espera hasta completar respuesta[SOLUCIONADO]

[Pablo Videla]

Estimados, tengo un pequeño problema, lo que pasa es que estoy trabajando con JSF y debo hacer que al apretar un click, salga un gif de espera y solo se oculte al cargar la pagina que debe ir. La cosa es que no deseo colocar a que pagina va desde jquery porque eso lo hace solo.

posteo codigo.

Código (javascript) [Seleccionar] Expandir



<script type="text/javascript" src="/resources/javascript/jquery-1.3.2.min.js"/>

<script>
$(document).ready(function(){

 $(".funciona").click(function(evento){ //Escucho el styleclass funciona
//   var valorAlmacenado = "#{menuBackingMB.vistaActual}" //pagina actual
evento.preventDefault();
$("#cargando").css("display", "block");
/*Aca deberia esperar a que se carge el contenido de ese valor almacenado para ocultar la imagen, pero la cosa es que quiero hacerlo de otra forma, que simplemente escuche que la respuesta del boton se completo y ahi ocultar la imagen, se puede hacer esto? */
$("#contenidoform\\:contenido").load( function(){
$("#cargando").css("display", "none"); //aqui oculto la imagen

}).hide();
});
});






</script>


Solucion : El codigo esta bien, el problema es donde estaba puesto el div xD al renderizar la pagina se escribia el div de la imagen y entonces se desaparecia antes de lo debido.