按字母顺序分组和搜索列表项

Question

我正在尝试创建一些jQuery，通过一个无序的列表查找，根据他们的第一个字母对项目进行排序，并根据“组织”的第一个字母对这些项目进行分组。

然后我需要找到一种方法来显示基于字母数组的项目（显示A-F，G-K等）。

目前，我可以按字母顺序对列表进行排序，并根据第一个字符为每个列表项添加一个类名，但我仍然坚持使用groupîng并显示正确的字母。

我已经制作了一个jsfiddle来展示我的进步（http://jsfiddle.net/jbcarey/DdD8V/） - 我也分享了所需的设计 - http://nl.tinypic.com/r/63rcxl/8

我希望有人可以帮我完成这个'插件'？

这是我目前的代码

    //SORT LIST ALPHABETICALLY
var mylist = $('ul.elf_organisatie');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {
     return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
})

//ADD CLASS TO LISTITEM
$.each(listitems, function(idx, itm) { 
    mylist.append(itm); 
    $(this).addClass($(this).find('a').text().slice(0,1));
});

//GROUP LIST BY Letter

//Group Letter in "sets"

//Search and show specific set.