Jquery ui Jquery菜单用户界面。如何以指定的格式显示选择值<；李>；

我使用嵌套的无序列表来创建Jquery UI菜单，当您将鼠标悬停在第一个菜单选项上时，该菜单将展开。我想做的是在您选择第一个菜单选项后，在第一个菜单选项的位置显示一个菜单选项。出于某种原因，使用.val或.html对我来说不起作用。这是我的密码

//this is where I try to take the selection and put it in in the <li> with the id 'input'.

<script>
 $(function() {
$( "#menu" ).menu({
select: function( event, ui ) {
    var selection = ui.item.text();
    $("#input").html() = selection;
}
});
}); 
</script>

// the options below "Choose Activity" expand when you hover over "Choose Activity".

//在这里，我尝试获取所选内容并将其放入id为“input”的
。
$（函数（）{
$（“#菜单”）。菜单({
选择：功能（事件、用户界面）{
var selection=ui.item.text（）；
$（“#输入”）.html（）=选择；
}
});
}); 
//当您将鼠标悬停在“选择活动”上时，“选择活动”下面的选项将展开。

我想要一个选择 选择“选择活动”后，将其替换为“选择活动”

<ul id="menu">
   <li>
        <a href="#" id="input">Choose Activity?</a> 

          <ul>
            <li><a href="#">Run Marathon</a></li>
            <li><a href="#">Weight lifting</a></li>
            <li><a href="#">Swimming</a></li>
            <li><a href="#">Boxing</a></li>
          </ul>
   </li>
   <li>
         //another line item
   </li>

</ul>

//另一行项目

是一个获取/设置给定元素的innerHTML的函数。因为它是一个函数，所以需要将内容作为参数传递给函数调用

它应该是

$（“#输入”）.html（选择）非
$（“#输入”）.html（）=选择