以下のスクリプトを実行しようとしていますが、実行できません。何か提案はありますか? ポイントは、他のページから外部コンテンツを呼び出そうとしていることです。個別に書いたときは大丈夫なのですが、リストから読み込もうとしたり、クリックで読み込もうとすると思うように動きません
<div id="test">
<a href="1/1.html">text 1</a>
<a href="1/2.html">text 1</a>
</div>
<b>see the text:</b>
<ol id="new-nav"></ol>
<script>
$("#test").click(function () {
$("#new-nav").load("href");
});
</script>