Как скрыть элемент при выборе select?

Question

[OneOlOf]

У меня есть селект и в нем выбор "Да", "Нет".
Хочу сделать, чтобы при выборе Нет - Скрывался элемент, а если "Да" то появлялся.

Такой код сейчас

<div>
    <label ></label>
    <select id="grzd"  class="select" name="ord_grzd"  >
        <option value="1">Да</option>
        <option value="2">Нет</option>
    </select>


</div>

<div id="hidethisdiv">
    <p>Чточточтчотчотчоч</p>
</div>

Вот JS

<script>
    $( document ).ready(function() {
        $('select[name=ord_grzd]').on("change",function() {
            var val = $(this).val();
            if (val === 1 ) {
                $("#hidethisdiv").show();
            } else if (val === 2 ) {
                $("#hidethisdiv").hide();
            }
        });
    });
</script>

Где ошибка?

Answer 1

[Степан Крапивин]

ошибка вот здесь:

val === 1

и вот здесь:

val === 2

должно быть так:
val === "2"

или так:
val == 2