回答編集履歴

- HTMLファイルは上から順番に読み込まれます。そのため、jQueryとscript.jsをhead内に記述すると、jQueryとscript.jsが**先に読み込まれてからページのレンダリングが行われます**。そのため、DOMの読み込みが完了していて、それを操作することを前提にしたスクリプトファイルの場合、[ready関数](http://webkaru.net/jquery/ready-function/)を利用する、body要素の末尾にスクリプトファイルを配置するなどの方法で**DOMが完全にロードされたタイミングでコードを実行する**ようにしないと操作したい要素が見つからず**スクリプトが正常に動作しなくなる**場合があります。