Jquery не скрывает элемент с первого клика

Question

У меня странная проблема, у меня есть слушатель событий

$(document).on('click', '.suggested-location-item', function(event) {
    event.preventDefault();
    $('#IDsuggestedLocationsList').html('');
    $('#IDlocationSuggestBox').hide();


});

поэтому, когда на элемент.suggested-location-item нажимают один раз (1 раз), элемент не исчезает, он просто очень быстро мигает, однако исчезает только при втором щелчке. $('#IDlocationSuggestBox').remove();вместо hide() удаляет элемент при первом клике без проблем. Здесь я опубликую весь мой код, потому что, возможно, какой-то другой код вызывает проблему:

этот код генерирует элемент:

$(document).on('propertychange change click keyup input paste', '#IDLocationSearchInput', function(event) {
    event.preventDefault();
    var searchTerm = $('#IDLocationSearchInput').val();
    $.ajax({
        url: IDurlToGetLocation,
        type: 'GET',
        data: {'location':searchTerm},
    })
    .done(function(data) {
        if (data.success == 0) {
            $('#IDlocationSuggestBox').hide();
            $('#IDsuggestedLocationsList').html('');
            if (data.message) {
                $('#IDlocationSuggestBox').show();
                $('#IDsuggestedLocationsList').html("<div class='list-group-item'>"+data.message+"</div>");
            }
        }else{
            $('#IDlocationSuggestBox').show();
            $('#IDsuggestedLocationsList').html('');

            $.each(data, function(index, val) {

                $('#IDsuggestedLocationsList').html($('#IDsuggestedLocationsList').html()+"<a href='' type='"+val.table_name+"' id='"+val.id+"' class='list-group-item suggested-location-item'>"+val.city_name+"</a>");
            });
        }


    });

});

И этот код должен удалить элемент:

$(document).on('click', '.suggested-location-item', function(event) {
  event.preventDefault();
  $('#IDsuggestedLocationsList').html('');
  $('#IDlocationSuggestBox').hide();


});

пожалуйста, помогите, это странная проблема /?

Благодарю вас.

Answer 1

Я нашел опечатку, я должен был использовать click input связывай меня

$(document).on('propertychange change click keyup input paste', '#IDLocationSearchInput', function(event){...});

слушатель событий