Автозаполнение пользовательского интерфейса jQuery с помощью JSON

Хорошо, я ломал голову над этим (, я ужасен в этом ), но да, я пытался прочитать все, что мог, и все еще не могу заставить его работать.

пытаюсь выполнить автозаполнение с помощью jquery ui

мой json выглядит так

{"dealers":
     {
         "1156":"dealer 1",
         "1122":"dealer 2",
         "1176":"dealer 3",
         "1491":"dealer 4",
         "1463":"dealer 5",
         "269":"dealer 6"
    }
}

я пытаюсь использовать эту информацию в качестве источника для автозаполнения. я получаю объект ответа просто отлично. У меня просто проблемы с получением его в правильном формате, чтобы я мог поместить «###» в скрытое поле, привязанное к «значению», которое должно отображаться как часть падать.

пробовал миллион разных способов, но недавняя попытка была ниже

function ajaxCall() {
    $.getJSON("/example/location/example.json?term=" + $('#dealerName').val(),
        function(data) {
        $.each(data.dealers, function(k, v) {                
                alert(k + ' : ' + v);
        });
    });        
}

$('#dealerName').autocomplete({
    source: ajaxCall,
    minLength: 2,
    delay: 100
});

Пожалуйста и большое спасибо!