jquery.validate.js hacer aparecer imagen cuando este validado

[VbOkonly]

Hola a todos, estoy usando jquery.validate.js para validar formularios, bien, tengo un problema, quiero hacer aparecer un .gif al estilo 'cargando' y ocultar el campo 'enviar'(submit) cuando la validación es correcta, pero no logro hacerlo, es decir, tengo que combinarlo con jquery.validate.js para que todo funcione a la perfección.. No sé si alguno de ustedes trabajo con jquery.validate.js y sabe si hay algun modo de hacer lo que me planteo.. Les paso el codigo:

Código Javascript:

<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
$().ready(function() {
    // validate the contact form when it is submitted
    $("#formrecuerdo").validate({
 
        rules: {
            titulo: "required",
            descripcion: {
                required: true,
            }
        },
        messages: {
            titulo: "* Por favor llena este campo.",
            descripcion: "* Por favor llena este campo."
        }
    });
});
</script>
 

Código CSS:

<style type="text/css">
#formrecuerdo label.error {
    padding-left:8px;
    background-color:#ff0000;
    color:#ffffff;
    padding:2px;
    width: auto;
    display: inline;
}
</style>
 

El siguiente codigo me permite validar un formulario, cuando algo no es correcto aparece en rojo al costado del campo el error. Bueno lo que quiero hacer yo es que cuando todo este validado hacer aparecer un .gif 'cargando' y esconder el campo 'enviar'(submit). Aclaro que esto lo puedo hacer pero no cuando el campo este validado, ¿Se entiende?

Muchas gracias!