cómo ocultar div con jquery al hacer clic en cualquier lugar excepto en un div?

Question

estoy haciendo una entrada de búsqueda en el enfoque que muestra un div con opciones con las siguientes:

$("#search").focus(function(){ 

$("#options").fadeIn("fast"); 

}); 

que estoy ocultando el div de vuelta con esta función

$("#search").blur(function(){ 

$("#options").fadeOut("fast"); 

}); 

ahora el problema es incluso cuando el usuario hace clic en cualquier casilla de verificación en #option se esconde. ¿Cómo puedo evitar que se oculte al hacer clic en las casillas de verificación?

Answer 1

$("#search").blur(function(e){ 
    e.stopPropagation() 
    $("#options").fadeOut("fast"); 
});