jquery - jQuery .load を .click で切り替える

Question

content外部の html ファイルをロードしたいdiv があります。ナビのリンクをクリックすると:

        <div class="nav">
            <div class="logo">
                <strong>
                    <a href="index.html">
                        <img src="images/logo.png" alt="Sam Jarvis logo"/>
                    </a>
                </strong>
            </div>
            <div class="menu">
                <ul>
                    <li><a href="#home">HOME</a></li>
                    <li><a href="#about">ABOUT</a></li>
                    <li><a href="#work">PORTFOLIO</a></li>
                    <li><a href="#clients">CONTACT</a></li>
                </ul>
            </div>  
        </div>

リンクごとに外部の html ファイルをフェードインしたい。ホームをクリックすると、index.html がフェードインします。別のページをクリックすると、前のページがフェードアウトし、新しいページがフェードインします。

現在のリンクで警告ボックスが表示されない理由がわかりません。メニュー ul のように jQuery を使用して個々のリンクをターゲットにするにはどうすればよいですか?

jQuery:

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<!-- SCRIPTS -->
<script type="text/javascript">
     $(document).ready(function(){
          $(".menu ul li a").click(function(){
                alert("Execute");
          });
     });
</script>