[culver]

Добрый день.
Пытаюсь сделать список для автозаполнения:

$(function() {
    $( "#userSearch" ).autocomplete({
        source: function(request, response){
          $.post("/usr/friends/listUserSearchAjax", {data:request.term}, function(data){ 
            response($.map(data, function(item) {
              return { 
                label: item.label,
                value: item.label,
                id: item.id
              }
            }))
          }, "json");
        },
        minLength: 2,
        cache: false
		});
  });

<input type="text" name="search" id="userSearch">

Сервер возвращает:

[{"label":"orange","id":"l_25"},{"label":"apple","id":"l_38"},{"label":"banana","id":"l_44"}]

Список появляется, но совсем в другом месте и совсем не оформленный. Над самим инпутом появляется надпись о готовности:
"3 results are available, use up and down arrow keys to navigate."
Подскажите, пожалуйста, что я делаю не правильно?