} jQuery(".searchable input").focus(function () { jQuery(this).closest(".searchable").find("ul").show(); jQuery(this).closest(".searchable").find("ul li").show(); }); jQuery(".searchable input").blur(function () { let that = this; setTimeout(function () { jQuery(that).closest(".searchable").find("ul").hide(); }, 300); }); jQuery(document).on('click', '.searchable ul li', function () { // console.log(jQuery(this).innerHTML) jQuery(this).closest(".searchable").find("input").val(jQuery(this)[0]['innerHTML'].trim()).blur(); onSelect(jQuery(this)[0]['value']) console.log(jQuery(this)[0]['innerHTML']) }); jQuery(".searchable ul li").hover(function () { jQuery(this).closest(".searchable").find("ul li.selected").removeClass("selected"); jQuery(this).addClass("selected"); });