Fechando uma Auto Busca, ao clicar fora?

[Fábio BN 17]

Oi Pessoal. fiz uma Auto Busca que carrega registros conforme se digita no campo busca, quando se clica sobre a linha, ela joga o resultado para cima no campo de busca, até aqui funciona bem.

Porém, se eu clico fora dos campos listados, no copo da tela, a lista não fecha, ela permanece aberta na tela, como eu faço para quando eu clicar fora da lista, as opções listadas no <LI> desaparecerem?
Quero que ao clicar fora, a palavra digitada permaneça no campo busca, porém desapareça a lista que foi aberta no <li> pela function.

<script type="text/javascript">
$(function(){
          $("#busca").keyup(function(){
           var pesquisa = $(this).val();

           $.post('busca.asp',{resultado_busca:pesquisa},function(r){
		   $('.autocomplete').html(r);


                });
       });
	    $('.autocomplete').delegate('li','click',function(){
		var texto = $(this).text();
	   $('#busca').val(texto);
	   $('.autocomplete').html('');
	
	
 	        });
});

</script>

<input type="search" name="busca"  id="busca" value="O que você procura?" onBlur="if (this.value == ''){this.value = 'O que você procura?'; }" onFocus="if (this.value == 'O que você procura?') {this.value = ''; }" maxlength="100" class="input_caixa" autocomplete="off">
<ul class="autocomplete">
      </ul>
				

Obrigado!

 

Fábio!

[Fábio BN 17]

Resolvi.

 

Coloquei isto:

  $('body').click(function (event) {
if(event.target.id!='busca'){
$('.autocomplete').html('');
}
});
	   

Abraços!

 

 

Abraços!