从菜单打开iframe并更改网址

Question

html部分：

<div id="menu">
    <ul>
        <li><a class="Offselect" href="aa.html">A</a>
            <ul>
                <a id="bb" class="Onselect" href="bb.html">B</a>
                <a id="cc" class="Offselect" href="cc.html">C</a>
                <a id="dd" class="Offselect" href="dd.html">D</a>
            </ul>

        </li>
        <li><a id="ee" class="Offselect" href="ee.html">E</a></li>
    </ul>
</div>
<iframe id="iframe"></iframe>

jQuery部分：

 $(function() {
        var pageurl = window.location.href.substr(window.location.href.lastIndexOf('/')+1);
        $('#menu a').each(function(){
            if($(this).attr('href') == pageurl || $(this).attr('href') == ''){
                $(this).addClass('Onselect');
            }
            else{
                $(this).addClass('Offselect');
            }
        });
    });

$(function() {
    var $content = $('#iframe');
    $('#menu a')
        .click(function() {
            $content.attr('src', $(this).attr('href'));
            return false;
        });
});

我的问题是在菜单项打开时更改网址，如何更新网址以匹配iframe网址？有人可以帮忙吗？thx！