Javascript-форум - Почему не работает подключенный скрипт??

Подскажите почему не работает скрипт, который я подключаю в файле?
Есть пример.

<!DOCTYPE html>
<html>
<head>
	<title>Увеличить и уменьшить значение в поле input | pcvector.net</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<style type="text/css">
		span {cursor:pointer; }
		.number{
			margin:100px 30%;
		}
		.minus, .plus{
			width:10px;
			height:10px;
			background:#f2f2f2;
			border-radius:4px;
			padding:3px 5px 3px 5px;
			border:1px solid #ddd;
		}
		input{
			height:24px;
			border:1px solid #ddd;
			border-radius:4px;
			padding:0 2px;
		}
	</style>
	<script type="text/javascript" >
		$(document).ready(function() {
			$('.minus').click(function () {
				var $input = $(this).parent().find('input');
				var count = parseInt($input.val()) - 1;
				count = count < 1 ? 1 : count;
				$input.val(count);
				$input.change();
				return false;
			});
			$('.plus').click(function () {
				var $input = $(this).parent().find('input');
				$input.val(parseInt($input.val()) + 1);
				$input.change();
				return false;
			});
		});
	</script>
</head>
<body>

<div class="topHeader">
	<a class="backArticle" href="http://pcvector.net/scripts/forms/380-uvelichit-i-umenshit-znachenie-v-pole-input.html">Назад к статье &gt;&gt;&gt;</a>
</div>

<div class="number">
	<span class="minus">-</span>
	<input type="text" value="1" size="5"/>
	<span class="plus">+</span>
</div>


</body>
</html>

Все работает, если же я выношу скрипт в отдельный файл, скажем script.js и подключаю его вот так <script src="script.js"></script>, то ничего не работает. Не могу понять почему так происходит, хотя другие скрипты прекрасно работают.