FocusOut vs Click

У меня на форме есть ввод города

<div class="windowItem" id="city_match" style="display: none">
    <div class="windowItem__title">Введите название города</div>
    <input type="text" value="" name="CITY" />
    <div class="windowItem__resultBlock" style="display: none">
        <div class="windowItem__cityItems">
            <div class="windowItem__cityItem">Минск</div>
            <div class="windowItem__cityItem">Гомель</div>
        </div>
    </div>
    <div class="windowItem__errorMsg">Город не найден</div>
</div>

И обработчики. При keyup показывается блок подсказок под инпутом (там еще будет через запрос загружаться список городов потом), при focusout он скрывается, а вот при click должна выбранная подсказка копироваться в инпут и скрывать блок подсказок, но почему-то событие клика не вызывается... Такое ощущение что потеря фокуса его перебивает. Почему так? =(

$('form#add_address #city_match input').keyup(e => {
    $('form#add_address #city_match .windowItem__resultBlock').show();
});
$('form#add_address #city_match input').focusout(e => {
    $('form#add_address #city_match .windowItem__resultBlock').hide();
});
$('form#add_address #city_match .windowItem__cityItem').click(e => {
    $('form#add_address #city_match input').val(e.target.textContent);
    $('form#add_address #city_match .windowItem__resultBlock').hide();
});