Удалить Div, когда ввод не сфокусирован на JavaScript

это мой первый звонок о помощи, поэтому прежде всего спасибо. Моя проблема на данный момент заключается в том, что я изо всех сил пытаюсь скрыть DIV, когда конкретный ввод не сфокусирован, а также сам Div не нажимается.

Для лучшего понимания это живой поиск в объекте JSON, где я получаю предложения по введенному значению. Поиск с предложениями

Фрагмент кода HTML:

        <div class = "col-md-4 col-md-push-2" id = "isFocus">
            <div class = "input-group">
                <input placeholder = "Analyseverzeichnis" class = "form-control input-lg analyseIndex align-middle" id = "searchData">
                <span class = "input-group-addon icon-search" id = "buttonSearch"></span>
            </div>
            <div class = "resultWrapper">
                <ul class = "list-group" id = "resultData"></ul>
            </div>
        </div>

Фрагмент кода JS:

$('#resultData').on('click', 'li', function() {
    var click_text = $(this).text().split('|');
    var getData = $('#searchData').val($.trim(click_text[0]));
    $("#resultData").html('');
    var uri = encodeURIComponent($('#searchData').val());
     window.open('*****Link to JSON File******search='+uri, '_blank');
});

Clou должен скрывать «элемент предложений / списка», только поле ввода выходит из фокуса, а «элемент предложений / списка» не щелкает сам.