Jquery jquer/AJAX-将整个外部文件加载到“ul”元素中

我现在工作的项目将有大量的多级菜单-使在未来的网站更容易更新将是静态html我决定堆栈在单独的文件菜单

我的问题是:

如何使用jQuery从ul元素中的外部文件加载整个内容？ 例如 HTML将是：

<ul class="menu">


</ul>

External file menu.html将如下所示：

    <li><a href="index.html">Home</a></li>
    <li><a href="index.html">Home</a></li>
    <li><a href="index.html">Home</a></li>
    <li><a href="index.html">Home</a></li>
    <li><a href="index.html">Home</a></li>

谢谢你的帮助

$(".menu").load("menu.html");

看一看

---

看看。

删除了我的答案，这一个要好得多+1删去我的答案，这个更好+1.