如何将自动填充结果中的输入字段设置为不可编辑？

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"/>

如何将自动填充结果中的referenceinput值设置为不可编辑但可以删除（类似于发布问题时stackoverflow中的“Tags”字段）？