1112_jQuery : SELECT 태그 OPTION 태그 선택된 값

죽어도 value 값을 안가져와서 .. 왜 그런가 했더니

$(function() {
	
	$("body").on("click", "#toCartBtn", function() {
		
		if(! $("#colorBox option:selected").val() ){
			alert("컬러를 선택하세요.");
			return;
		}
		
		if(! $("#sizeBox option:selected").val() ){
			alert("사이즈를 선택하세요.");
			return;
		}
		
	});
	
});

<form name="form" method="post">
			<select class="selectbox" id="colorBox">
				<option value="">::컬러::</option>
				<c:forEach var="dto" items="${colorList}" varStatus="status">
					<option value="${dto.ccnum}">${dto.color}</option>
				</c:forEach>
			</select>
			<select class="selectbox" id="sizeBox">
				<option>::사이즈::</option>
			</select><br>
				<input type="text" class="amount" name="amount" value="1" onchange="change()">
				<input type="button" value=" + " onclick="add();">
				<input type="button" value=" - " onclick="del();"><br>
			
			<div class = "total">
			Total<br>
				<input id="totalPrice" type="text" name="sum" size="11" readonly="readonly" value="${dto.price}">￦<br><br>
				<input class="btn" id="buyBtn" type="text" value = "Buy Now" onclick="buyNow()">
				<input class="btn" id="toCartBtn" type="text"  value = "Add To Cart" onclick="addCart()">
			</div>
			
			<div class="detail-add">
				<c:if test="${sessionScope.member.userId=='admin'}">
					<button type="button" class="btn btn1" onclick="location.href='${pageContext.request.contextPath}/shop/garment-detail.do?num=${dto.cnum}&page=${page}';">색상/사이즈 관리</button>
				</c:if>
			</div>
		</form>

제일 위에 있는 <option>::컬러::</option> 여기에 value="" 를 안쓰면 죽어도 안된다ㅠ

 

꼭 value="" 이렇게 해야 한다!!