exemplo-typeahead.js

var searcher = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace(),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
        url: 'http://host.com/busca?q=%QUERY',
        wildcard: '%QUERY'
    }
});

var typeahead = $('input.typeahead').typeahead({
    hint: true,
    highlight: true,
    minLength: 1
},
{
    display: 'cpf',
    source: searcher,
    templates: {
        empty: ['<div class="empty-message text-danger">', 'Nenhum CPF encontrado', '</div>'].join("\n"),
        suggestion: function (data) {
            var html = ['<div class="">', data.cpf, '</div>'];

            return html.join("");
        }
    }
});

typeahead.on('typeahead:select', function(eventData, suggestion) {
    $('input[name=cadernoId][type=hidden]').val(suggestion._id);
});