HTML <seleccionar> JQuery .change no funciona

Bien, no veo por qué esto no está funcionando. Parece bastante simple.

Aquí está mi menú desplegable:

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

y aqui esta el JavaScript

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

Ahora solo quiero que funcione para poder agregar funcionalidad. ¡Gracias!

Respuestas a la pregunta(4)

Su respuesta a la pregunta