HTML <select> JQuery .change не работает

Хорошо, я не понимаю, почему это не работает. Это кажется довольно простым.

Вот мое выпадающее меню:

<div>
    <form>
        <select id='yearDropdown'>
            <c:forEach var="years" items="${parkYears}">
                <option value=/events.html?display_year=${years}<c:if test="${currentYear == years}">selected="selected"</c:if>>${years}</option>
            </c:forEach>
        </select>
    </form>
</div>

а вот и JavaScript

$("#yearDropdown").change(function () {
    alert('The option with value ' + $(this).val());
});

Прямо сейчас я просто хочу, чтобы это работало, чтобы я мог добавить функциональность. Спасибо!