typeahead-ajax

gistfile1.txt

$(document).ready(function () {
   var $input = $('#testcemo');
   $input.typeahead({
      source: function (query, process) {
         return $.getJSON('/mybackoffice/demo/user', { query: query }, function (data) {
            var val = $input.data("typeahead-ajax-val"),
                id = $input.data("typeahead-ajax-id"),
                mapped = {},
                labels = []

            $.each(data, function (i, item) {
               mapped[item[val]] = item[id]
               labels.push(item[val])
            })

            $input.data("typeahead-ajax-mapped", mapped);
            $input.data("typeahead-ajax-labels", labels);

            return process(labels);
         });
      }, updater: function(item) {
          var mapped = $input.data("typeahead-ajax-mapped")
          $input.val(mapped[item])
          return item
      }
      , val: 'userName'
      , id: 'userName'
   });
});

 <input type="text" data-typeahead-ajax-val="userName" data-typeahead-ajax-id="userId" id="testcemo" data-display="name" data-val="id">