Javascripts blocks outside Head tag
<p>I have a few <code>javascript</code> block embedded right inside html tags (typically <code>DIV's</code>). Something like:</p>

<pre><code>&lt;div&gt;
   &lt;script type="text/javascript"&gt;
     (function (criteria) { ... })
   &lt;/script&gt;
&lt;/div&gt;
</code></pre>

<p>It's extremely handy when using html includes in a couple with <code>$.load(...);</code> you just keep all your include level scripts separated from the main page ones. While it works quite well I have a feeling of doing something wrong, probably because the scripts are placed outside <code>head</code> tag, having said that I haven't come across with any problems whatsoever using it. I know that load has a handler for complete event, so I can safely reference any elements from y include, but it's just handier for me to do it this way.</p>

<p>Could anyone suggest if it's a definitively bad practice and if so, why I.e. mobile browser support, upcoming plans to stop supporting it, known issues etc.).</p>
