Управления элементами форм

[spacemonkey]

Есть такой код:

<form id="gotoselect" action="select.php" method="post">
<div class="store-input-wrapper rc7">
	<span class="store-hint">Введите площадь обогрева в м<sup>2</sup> и нажмите OK</span>
	<input id="area" type="text" name="area" value="" /><input id="proceed" type="button" name="proceed" value="OK" />
	<span id="error" class="store-error"></span>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
	$("#proceed").click(function() {
		if ($("#area").val != '') {
			$("#gotoselect").submit();
		}
		else {
			$("#error").val = 'Вы не ввели необходимую площадь обогрева';
		}
	});
}
</script>

При нажатии на кнопку „OK“ ничего не происходит. В чем может быть ошибка?

[exec]

<form id="gotoselect" action="select.php" method="post">
<div class="store-input-wrapper rc7">
	<span class="store-hint">Введите площадь обогрева в м<sup>2</sup> и нажмите OK</span>
	<input id="area" type="text" name="area" value="" /><input id="proceed" type="button" name="proceed" value="OK" />
	<span id="error" class="store-error"></span>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
	$("#proceed").click(function() {
		if ($("#area").val()) {
			$("#gotoselect").submit();
		}
		else {
			$("#error").val('Вы не ввели необходимую площадь обогрева');
		}
	});
}
</script>