Jquery ui 自动完成JQuery行分隔符

我已经填充了自动完成单词，我想在单词之间有一个行分隔符，以便在自动完成中更好地识别。 假设下拉列表中的值应呈现为

         Brijesh
         -------
         John
         -------
         Mike

下面是片段

$(document).ready(function () {
$("#studentName").autocomplete({
source: function (request, response) {
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "Webservice.asmx/GetStudentNames",
        data: "{'prefixText':'" + request.term + "'}",
        dataType: "json", 
        success: function (data) {
       var regex = new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + request.term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi");
            response($.map(data.d, function (item) {
                return {
                label: item.split('|')[0].replace(regex, "<Strong>$1</Strong>"),
                val: item.split('|')[1]
                }
            }))
        },

        failure: function (response) {
            ServiceFailed(result);
        }
    });
},
select: function (event, ui) {
 txtStudent(ui.item.val, ui.item.label); //Student name and id used in this method
},
minLength: 2
});
});    

$（文档）.ready（函数（）{
$（“#学生姓名”）.autocomplete({
来源：功能（请求、响应）{
$.ajax({
类型：“POST”，
contentType:“应用程序/json；字符集=utf-8”，
url:“Webservice.asmx/GetStudentNames”，
数据：“{'prefixText'：'”+request.term+“}”，
数据类型：“json”，
成功：功能（数据）{
var regex=newregexp（（？！[^&；]+；）（？！）（？！[^&；]+；），“gi”）；
响应（$.map）（数据.d，函数（项）{
返回{
标签：item.split（“|”）[0]。替换（regex，“$1”，
val:item.split（“|”）[1]
}
}))
},
故障：功能（响应）{
服务失败（结果）；
}
});
},
选择：功能（事件、用户界面）{
txtstuden（ui.item.val，ui.item.label）；//此方法中使用的学生名称和id
},
最小长度：2
});
});    

---

任何线索都将不胜感激。

用CSS模拟分离器如何。比如：

autocomplete option {
    padding-bottom: 4px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 4px;
}

使用CSS

.ui-menu-item{
   border-bottom: 1px dotted black;  
}

---

fiddle here

CSS在这里是一个更好的解决方案，而不是附加“不可选择”选项。只需添加

边框底部：1px实心#000；保证金：5px0到下拉列表中的每个元素。我需要一条实线，该线应接触下拉框的垂直边框。我需要一条实线，该线应接触下拉框的垂直边框