Untitled

<html>
<head>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<title></title>
</head>
<body>
Az első alert lefut, a második nem. Így néz ki a html:
<select name="color" id="color">
    <option th:each="Color:${allColor}"
       th:value="${Color?.toString()}"
       th:text="${Color?.toString()}">
        Select color
    </option>
</select><br/>
<script>
alert("teszt");
var color = $("#color").val();
alert(color);
</script>
</body>
</html>