jQuery UI - 自动完成：每个类别的ul

Question

我实施了此代码（JSfiddle）来对自动填充进行分类。由于我有很多可能的条目，我想重组自动完成列表。目前，所有条目都在一个垂直下拉列表中，除以类别名称。我想将所有类别块放在一行，以便它看起来像this。我只需要在每个类别之前插入一个<ul>（参见下面的代码）。但是如何在类别的最后一个</ul>元素之后插入li？ 我开始更换$ .each函数。但现在我完成了。不知道如何控制。你能帮我吗？

for(i = 0; i < sortedItems.length; ++i) {                           
    if (sortedItems[i]['category'] != category) {
        category = sortedItems[i]['category'];
        ul.append("<ul class='xy'><li class='ui-autocomplete-group'>" + category + "</li>");
    }
    self._renderItemData(ul, sortedItems[i]);
}