Есть input, при фокусе и при вводе которого появляются подсказки в блоке с классом helps ниже.
А при потере фокуса подсказки закрываются.
$('body').on('focus input', 'input', function () {
var params = {
data: $(this).val()
};
$.ajax({
type: "POST",
url: "...",
data: params
})
.done(function (data) {
// если есть подсказки
if (data.length != 0) {
$(".helps").html(data).slideDown(100);
}
});
}).on('focusout', 'input', function () {
$(".helps").slideUp(100);
});
И при клике на подсказку хочу заполнять input автоматически.
$('body').on('click', '.help', function () {
var info = ... ;
$('input').val(info);
});
Но почему-то срабатывает это очень редко. Я так понимаю при клике по подсказке мы теряем фокус, и срабатывает код, который закрывает подсказку. И клика не происходит. Но гдет в 1 из 10 случаев код срабатывает. Так как же тут быть?
песочница 
