[Resolvido] ajax com jquery – enviando dados via ajax + gif de ca

boa noite tenho um codigo funcionando que envia variaveis atraves do ajax mas queria que durante o envio ocorra um sleep com uma gif animada e nao estou tento sucesso ao inserir. Segue o codigo ate o momento.

<script>
//jquery e ajax

$('#confirmar').click(function(){
 $.ajax({
 type : 'post',

 url : 'teste.php',

 data : 'assunto='+ $('#assunto').val() +'&duvida='+ $('#duvida').val(),

 dataType : 'html',

 success : function(txt){

 $('body #resposta').html(txt);

 }
 });
 })

</script>

<table align="left">
 <tr>
 <td>Assunto: </td><td><input type="text" size="50" id="assunto" /></td>
 </tr>
 <tr>
 <td>Dúvida : </td><td><input type="text" size="60" id="duvida" /></td>
 </tr>
 <tr>
 <td><input type="button" value="Enviar" id="confirmar"></td>
 </tr>

pagina de teste que recebe os dados esta assim

<?php
$assunto = $_POST['assunto'];
$duvida = $_POST['duvida'];

sleep(2);
print 'deu certo, '.$assunto.'<br>'.$duvida.'';

?>

queria que durante o sleep aparecesse um gif de carregando, desde ja agradeço