title: Must the <script> tag, with the jQuery library reference, be inside the <head> or <body> tag?
body: <blockquote>
  <p><strong>Possible Duplicate:</strong> <br />
  <a href="https://stackoverflow.com/questions/436411/where-is-the-best-place-to-put-script-tags-in-html-markup">Where should I put  tags in HTML markup?</a></p>
  </blockquote>
  
  <p>I always thought that it's better to put it in the head (maybe because it is loaded first in the head and also to group all the scripts in the head for easy reading), but I found several examples over Internet (<a href="https://en.wikipedia.org/wiki/Bootstrap_%28front-end_framework%29" rel="nofollow noreferrer">Bootstrap</a> documentation, <a href="https://en.wikipedia.org/wiki/ASP.NET_MVC" rel="nofollow noreferrer">ASP.NET MVC</a> 4, etc.) where the script tag with the reference to jQuery (<em>&lt;script src=&quot;http://code.jquery.com/jquery-latest.js&quot;&gt;&lt;/script&gt;</em>) is inserted into the body:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
      &lt;!-- Bootstrap --&gt;
      &lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;h1&gt;Hello, World!&lt;/h1&gt;
      &lt;script src=&quot;http://code.jquery.com/jquery-latest.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p>What's the best practice?</p>