$("#province").val();取不到select的值求解

MVC下的razor视图开发中无法取到select的值问题求解

cshtml 如下

<select name="province" id="province">
<option value="">请选择省</option>
@foreach (HotelArea item in ViewBag.Province)
{
<option value="@item.Id">@item.NameCHS</option>
}
</select>

jquery代码如下

$("#province").live("change", function () {
            var provinceId = $("#province").val();
});

这个取到的

provinceId 总数""

希望经过的大侠能能帮我解释下是怎么回事,先谢谢了