HTML <select> JQuery .change nie działa

W porządku, nie rozumiem, dlaczego to nie działa. Wydaje się to dość proste.

Oto moje menu rozwijane:

<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>

a tu JavaScript

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

W tej chwili po prostu chcę, aby działało, więc mogę dodać funkcjonalność. Dzięki!

questionAnswers(4)

yourAnswerToTheQuestion