Cómo mostrar un gif de carga mientras se ejecuta un formulario de envío JQuery

Intento mostrar un gif giratorio simple mientras se ejecuta un envío (toma un poco porque tengo que establecer algunas comunicaciones con los proveedores a través de los servicios web).

Entonces, tengo esto:

$('#gds_form').submit(function() {
        var pass = true;
        //some validations

        if(pass == false){
            return false;
        }

        $("body").prepend('<div class="ui-widget-overlay" style="z-index: 1001;"></div>');
        $("body").prepend("<div id ='PleaseWait'><img src='/images/spinner.gif'/></div>");
        return true;
    });

la cosa es que el .gif no muestra ninguna animación, es como si estuviera congelado.

¿Por qué

Hay otra forma de implementar esto (tenga en cuenta que no estoy usando AJAX y no quiero hacerlo)

Gracias

Respuestas a la pregunta(5)

Su respuesta a la pregunta