почему код jquery / javascript не работает, когда я использую его в одном теге сценария с атрибутом src [duplicate]

Возможный дубликат:
Что означает скрипт-тег с содержимым src AND?

Я использовал следующее в моей HTML-странице

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="resources/scripts/jquery-1.8.2.min.js">

$(document).ready(function(){
  alert("ABC");
});
</script>
</head>

<body>
<p>THIS IS MY INDEX PAGE.</p>
</body>
</html>

JQuery здесь не работает, а это означает, что я не вижу никакого эффекта после добавления предупреждения.

Но когда я положил в отдельном<script>&nbsp;тег, как показано ниже, работает,

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="resources/scripts/jquery-1.8.2.min.js">
</script>
<script>
$(document).ready(function(){
  alert("ABC");
});
</script>
</head>

<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>

так если кто нибудь объяснит?