Не работает js код show hide на jQuery?

Question

[Nikita Emanov]

Не могу понять почему не работает код
Взял с jsfiddle там все работает, а у меня не фига. Подскажите в чем причина

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
	$("#select").on('change', function(){
    if($(this).val() == 3){
        $("#input").show();
    } else {
        $("#input").hide();
    }
})
</script>

<select name="select" id="select">
    <option value="1">Первый пункт</option>
    <option value="2">Второй пункт</option>
    <option value="3">Третий пункт</option>
    <option value="4">Четвертый пункт</option>
</select>
<input id="input" type="text" name="input" style="display:none">

Answer 1

[Артем]

jQuery скрипт после элементов формы установите или используйте ready():
https://jsfiddle.net/zy0p47vg/

Answer 2

[Егор Живагин]

А show() меняет display или opacity ? Я вот не помню

А, понятно. Переместите код js в конец файла и весь внесите в

$(document).ready( function(){
//тут ваш код
});

UPD: Просто сейчас код отрабатывает до появления таких элементов, то есть не работает.