dlaczego kod jquery / javascript nie działa, gdy używam go w tym samym znaczniku skryptu z atrybutem src [duplikat]

Możliwy duplikat:
Co oznacza znacznik skryptu z treścią src AND?

Użyłem następujących informacji na mojej stronie 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 nie działa tutaj, co oznacza, że ​​nie widzę żadnego efektu po umieszczeniu w nim alertu.

Ale kiedy odłożyłem osobno<script>&nbsp;tag jak ten poniżej działa,

<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>

więc jeśli ktoś coś wyjaśni?