jquery - 如何将自动完成结果中的输入字段设置为不可编辑？

Question

我正在使用从自动完成中选择的结果设置输入值，如下所示。

$("#referenceinput").autocomplete( 
{
source: function(request, response) 
{
    $.ajax({
        url: searchURL,
        dataType: "JSON",
        data: {
             searchStr: request.term
        },
        success: function(data){
            response($.map(data.indexResult, function(item){
                return {label: item}
            }));
        }
    });
},
minLength: 3,
select: function(event, ui)
{
    $("#referenceinput").val(ui.item);
}
});

我的referenceInput 字段如下。

<input id = "referenceinput" type = "text" width= "140px"/>

如何将自动完成结果中的参考输入值设置为不可编辑但可以删除（类似于发布问题时stackoverflow中的“标签”字段）？