Error con efecto fade

[mariomon17]

Ya lo probe y me funciono perfectamente. Ahora voy a implementarle efectos propios del nucleo UI, a ver que tal...

El codigo final, lo dejo por aqui:

Código Javascript:

$(document).ready(function(){
   $('.box').click(produ);
});
 
function produ(e) {
        e.preventDefault();
        var id = $(this).attr("id");
 
        $("body").addClass("loading");
 
        $(".produ").load('producto.php?id='+id,function(){
            $(".fila").fadeTo("slow",0.5, function () {
               $(".produ").fadeIn("slow");
                           
                           $("body").removeClass("loading");
 
            })
        })
            
        $(".cuerpo").click(function(){ 
            $(".produ").fadeOut("slow");
            $(".fila").fadeTo("slow",1);
        });
};
 

Pero me quedo con tres dudas:
1.- Para que se utiliza el e.preventDefault() en este caso en concreto y que ocurriria si no lo pongo dentro de $ document.ready.
3.- Cual seria el mejor metodo para, por ejemplo, cambiar el cursor del raton mientras el load carga el documento en el div. El metodo que he puesto en el codigo no funciona bien pero creo que eso es mas cuestion de CSS...

Gracias, un saludo