Автозаполнение jQuery и обработка проблемы значения / метки

Я пытаюсь использовать автозаполнение jQuery. Я указал некоторые данные, но когда я выбираю элемент в раскрывающемся списке, он всегда помещает значение в элементы мета-области. Я хочу этикетку. Как это сделать? Попытка заставить его отображать метку # в мета-области, а не значение.

HTML:

 ...
 area:<input type='text' size='20' id='meta-area' />
   <input type='hidden' id='meta_search_ids' value='' />
 ...

JavaScript:

$(document).ready(function(){
    var data =[
        {'label':'Core','value':1},
        {'label':' Selectors','value':2},
        {'label':'Events' ,'value':3}]; 

        $("#meta-area").autocomplete({source:data,
            select: function(e, ui) {
                $("#meta_search_ids").val(ui.item.value);
                // this part is not working
                //$(this).val(ui.item.label);
                $('#meta-area').text('this is what I want');
            }
        });
    //alert("this loaded");
});