jquery加载在加载的内容中不起作用

Question

看到一些奇怪的行为，我完全被难倒了。我有一个如下所示的索引页：

<nav>
<ul>
<li><a href="about.htm">About</a></li>
</nav>
<main><main>

<script>
$('nav li a').click(function(e){
e.preventDefault();
  $('main').load(this.href)
})
</script>

在“about.htm”中我有以下内容：

<footer>
<a href="privacy.htm">Privacy</a>
</footer>

<script>
$('footer a').click(function(e){
e.preventDefault();
$('main').load(this.href)
})
</script>

当您单击导航中的“关于”链接时，about.htm会按预期加载到main。但是，当您单击页脚中的“隐私”链接时，它不会加载到主页，它会加载新页面。脚本完全一样，为什么会这样？