[解決済み] このjQueryのクリック機能はなぜ動作しないのでしょうか？

質問

コードを入力してください。

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $("#clicker").click(function () {
        alert("Hello!");
        $(".hide_div").hide();
    });
</script>

上記のコードは動作しません。 クリッカーをクリックしても、アラートも出ないし、隠れることもない。 コンソールを確認しても、エラーは出ません。 JQueryがロードされているかどうかも確認しましたが、確かにロードされています。 というわけで、何が問題なのかよくわかりません。 アラート付きのdocument ready関数もやってみましたが、うまくいきましたので、何が間違っているのかわかりません。 どうか助けてください。 ありがとうございます。

解決方法は？

javascriptのコードを $(document).ready(function() {}); ブロックを作成します。

すなわち

$(document).ready(function() {
  $("#clicker").click(function () {
    alert("Hello!");
    $(".hide_div").hide();
  });
});

として jQueryのドキュメント jQueryは、この準備状態を検知します。内部に含まれるコード $( document ).ready() は、ページの Document Object Model (DOM) が JavaScript コードを実行する準備ができたときにのみ実行されます"。