Javascript 关闭自动完成

我不知道我在这里做错了什么。我希望自动完成div关闭，如果在搜索字段中没有任何内容，或者当点击站点的任何区域时，类似于onblur。相反，div仍然存在。这是我的密码：

$(document).ready(function(){

$(".search").keyup(function() 
{
var searchbox = $(this).val();
var dataString = 'searchword='+ searchbox;

if(searchbox=='')
{
}
else
{

$.ajax({
type: "POST",
url: "search.php",
data: dataString,
cache: false,
success: function(html)
{

$("#display").html(html).show();


    }

});
}return false;    

});
});

“Display”是我的自动完成分区。

试试这个--

当在别处点击时，上面的处理程序带有hide

display

div。如果在

display

内单击，它将不会隐藏

及

---

为什么不试试Jquery自动完成？？？试试alert（html），有什么结果吗？

var handler = function(event){    // to hide "#display" on elsewhere click
if($(event.target).not("#display *") || $(".search").val().length != 0) return;    
    $("#display").hide();
}

$(document).on("click", handler);

$(".search").keyup(function(){
     var searchbox = $(this).val();
     if(searchbox.length === 0)  // if field is blank hide div again.
           $("#result").hide();
....  // remaining code ----