Показать / скрыть div на основе сопоставленных данных json

У меня есть функция для загрузки всех данных из файла JSON, и я показываю совпадающие данные, если data[i]['brand_id'] == modelId

<script>
    function loadModel(modelId) {
        $.ajax({
            type: "POST",
            dataType: 'json',
            url: '/api/model.json',
            success: function (data) {
                $.each(data, function (i, v) {
                    if (data[i]['brand_id'] == modelId) {
                        $('#item-brand-list').append('<option data-brand-id = "' + modelId + '" value = "' + data[i]['id'] + '">' + data[i]['name'] + '</li>');
                    }
                });

            }
        });
    }
</script>

Эта функция будет выполняться в этом фрагменте:

<script>
    $(document).on('click', '.SelectOption', function () {
        var val = $(this).attr('data-val');
        loadModel(val); // here
    });
</script>

Например, если какие-либо данные (из JSON) равны заданному modelId, он добавляет согласованные данные в select option, но я хочу скрыть select-ads-brand, если совпадения нет.

Я пытался:

<script>
    if (data[i]['brand_id'] == modelId) {
        $('#select-ads-brand').show();
        $('#item-brand-list').append('<option data-brand-id = "' + modelId + '" value = "' + data[i]['id'] + '">' + data[i]['name'] + '</li>');
    } else {
        $('#select-ads-brand').hide();
    }
</script>

HTML:

<div id = "select-ads-brand">
    <select id = "item-brand-list">
        <option>-- Select --</option>
    </select>
</div>

Но безуспешно, я считаю плохой логикой скрывать этот div.

Любое предложение?