jquery - JQuery が iframe に動的ページを読み込む

Question

ナビゲーション メニューから動的ページを iframe にロードしたいのですが、メニュー オプションを選択するFAQと、iframe はfaq.phpページをsrc属性に配置します。

メニューのページを以下に動的に割り当てるにはどうすればよいですか?

Jクエリ:

<script type="text/javascript">
$(document).ready(function() {
    $("#mainFrame").attr("src", "faq.php");
});
</script>


<div class="content">
    <div class="left">
        <ul id="menu">
            <li><a href="#">Banking</a></li>
            <li><a href="#">How To Join</a></li>
            <li><a href="#">FAQ</a></li>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Help</a>
                <ul>
                    <li><a href="#">Subscribe</a></li>
                    <li><a href="#">Recipe</a></li>
                </ul>
            </li>
            <li><a href="#">Terms &amp; Conditions</a></li>
        </ul>
    </div>
    <div class="right">
        <div>Title</div>
        <div><iframe src="" frameborder="0" id="mainFrame" name="mainFrame"></iframe></div>
    </div>
</div>

アドバイスしてください、ありがとう。