鼠标移到input时显示搜索记录

问题：使用input加ul形成搜索框与搜索记录的显示，鼠标移到input时显示搜索记录，移出时且移出搜索记录时，隐藏搜索记录
解决：不能使用hover，使用mouseenter与mouseleave
方法：
// 搜索框获得焦点时，显示热搜
$('.search input').on({'mouseenter': function(){
$(this).focus();
$('.searchs-list').css('visibility', 'visible');
}, 'mouseleave': function(){
$('.searchs-list').on({'mouseenter': function(){
$('.searchs-list').css('visibility', 'visible');
}, 'mouseleave': function(){
$('.searchs-list').css('visibility', 'hidden');
}});
$('.searchs-list').css('visibility', 'hidden');
}});