jQuery: 1.11.3

Hi Team,

I am facing an issue with using typeahead with a ajax response. My input field looks like below,

1. <input class="form-control typeahead" name="referredBy" value="" type="text" id="referredBy" data-provide="typeahead" autocomplete="off">

my js looks like below;

2. $('.typeahead').typeahead({
3. hint: true,
4. highlight: true,
5. minLength: 2
6. }, {
7. source: function(query, process) {
8. var url = "not putting in the actual url"
9. matches = []
10. teamMemberData = "";
12. var execAjaxEmployeeLookup = function() {
13. var dfd = $.Deferred();
14. $.getJSON(url, function(data) {
15. dfd.resolve(data);
16. });
17. return dfd.promise();
18. }
20. $.when(execAjaxEmployeeLookup()).then(function(data) {
21. console.log("Employee Lookup GET Response: " + JSON.stringify(data));
23. teamMemberData = "";
24. for (var i = 0, len = data.teammembers.length; i < len; i++) {
25. var areEqual = data.teammembers[i].lastname.substring(0, queryLength).toUpperCase() === query.toUpperCase();
26. console.log(data.teammembers[i].lastname.substring(0, queryLength).toUpperCase() + " " + query.toUpperCase());
28. if (areEqual) {
29. teamMemberData = data.teammembers[i].lastname + " " + data.teammembers[i].firstname + " " + data.teammembers[i].workphoneext + " " + data.teammembers[i].company;
30. matches.push(teamMemberData);
31. }
32. }
34. process(matches);
35. });
36. });
37. 
    

I am getting a proper response from the AJAX request. I received a JSON file that will look like below;

2. {
3.     "status": "Success",
4.     "teammembers": [
5.         {
6.             "id": "123",
7.             "lastname": "Pata",
8.             "firstname": "Chris",
9.             "workphoneext": "",
10.             "company": "Test Company"
11.         },
12.         {
13.             "id": "456",
14.             "lastname": "Pate",
15.             "firstname": "Corn",
16.             "workphoneext": "12345",
17.             "company": "Test Company"
18.         },
19.         {
20.             "id": "789",
21.             "lastname": "Patel",
22.             "firstname": "Hein",
23.             "workphoneext": "",
24.             "company": "Test Company"
25.         }
26. }]
27. }

I am pretty sure I am making mistake in cleansing data. I don't know what format I have to send back to typeahead as response. I am trying to concatenate a set values and pushing it to an array and then sending it as response to typeahead. But I don't see a the list as typeahead on input field. 

Please let me know your thoughts on it. Thanks in advance!