jquery menu does not collapse

jquery menu does not collapse

The problem that I have is that in the test code that follows question function $("#loadtest") does not collapse the menu. "newpage.htm" loads fine, but the menu1 stays expanded, with two menu items visible. First I tried  .menu("collapse"), but it did not work either. Help is highly appreciated, thanks.

<script type="text/javascript">
    $(document).ready(function () {
        $("#tabs").tabs({ active: 1 });
        $("#menu1").menu();
        $("#menu2").menu();

        $("#loadtest").click(function () {
            $("#content").load("newpage.htm");
            $("#menu1").menu("collapseAll", null, true);
        });
    });
</script>
<body>
    <div id="tabs">
        <ul>
            <li><a href="#tab1"><span>MenuOne</span></a></li>
            <li><a href="#tab2"><span>MenuTwo</span></a></li>
        </ul>
        <div id="tab1">
            <ul id="menu1">
                <li><a href="">Daily Procedures</a></li>
                <li><a id="loadtest" href="">Load test page</a></li>
            </ul>
        </div>  <!-- tab2 -->
        <div id="tab2">
            <ul>
            <ul id="menu2">
                <li><a href="">Item1</a></li>
                <li><a href="">Item2</a></li>
            </ul>
            </ul>
        </div>
    </div>  <!-- tabs -->
    <div id="content">
    </div>
</body>
</html>