删除Jquery-ui可排序列表项

关于 Jquery-UI可排序列表的简单问题(http://jqueryui.com/demos/sortable/#default)

我做了：

<ul id="sortable">
<li class="ui-state-default">An item 
<input class="delit" type="submit" value="Delete" />
</li>
</ul>

如何让每个项目都有一个删除旁边项目的按钮？这是什么语法？

解决方法

<ul id="sortable">
    <li class="ui-state-default">An item 
        <button class="delete">Delete</button>
    </li>
</ul>

JS：

$("#sortable .delete").click(function() { 
    $(this).parent().remove();
});