Нужно чтобы по открытию страницы блок с айди price-wrapper был скрыт. С помощью JS реализовал показ и скрытие блока, но проблема в том что по умолчанию принимается не то значение и блок виден а не скрыт. Если уже в ручную снова изменить строку в dropdown, тогда блок скроется. Что делаю не так? Заранее спасибо.
<div class="row">
<div class="col-sm-10 mx-auto mb-3">
<select class="form-control access_idd" id="access_id" >
<option value="0">Виден всем</option>
<!-- <option value="1">Виден подписчикам</option> -->
<option value="2">Платные просмотры</option>
</select>
</div>
</div>
<div class="row" id="price-wrapper">
<div class="col-sm-2 mx-auto mb-3">
Стоимость просмотра
</div>
<div class="col-sm-2 mx-auto mb-3">
<input class="form-control" type="number" name="price" value="0" id="price">
</div>
</div>
$("#access_id").change(function () {
if ($(this).val() == 2) {
$("#price-wrapper").show();
} else {
$("#price-wrapper").hide();
}
});