HTML <select> JQuery .change não está funcionando

Tudo bem, não vejo por que isso não está funcionando. Parece bem simples.

Aqui está o meu menu suspenso:

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

e aqui está o JavaScript

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

No momento, só quero que funcione para que eu possa adicionar funcionalidade. Obrigado!

questionAnswers(4)

yourAnswerToTheQuestion