Здравствуйте!
Нужно получить значения элементов формы, расположенной в всплывающем окне.
Код формы:
<form id="orderForm" action="/order/add">
    <select id="color" name="color">
		<option value="red">red</option>
		<option value="green">green</option>			
		</select>
	<input type="text" name="orderNum" id="orderNum" class="num" value="1"  /> шт.
	<input type="hidden" name="itemId" id="itemId" value="5" />	
	<div class="add-basket"><input type="image" id="orderFormSubmit" src="img/add_basket.png" /></div>
</form>
JS код:
$(document).ready(function(){
    $('#orderForm').submit(orderFormSubmit);        
});
function orderFormSubmit(e)
{
    var id       = $('#itemId').val();
	var num      = $('#orderNum').val();
	var color    = $('#color').is() ? $('#color').val() : '';
}
Получаю пустые значения. Подскажите в чем ошибка и как получить значения.