jquery doesn't work in a script empty tag

jquery doesn't work in a script empty tag

I'm really not sure if it's a bug or the problem is in my code, but, when I try to run this code:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">







  2.   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"/>
  3.   </head>
      <body>
         <a href="">Link</a>
    </body>
    </html>



the link doesn't appear in the page, but when I run this code:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">






  2.   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

  3. </head>
      <body>
         <a href="">Link</a>
    </body>
    </html>



the link starts appearing.

I'm really annoyed with this.

Why this happens?


Regards.