$(':input[data-provide="typeahead"]').typeahead({
    source: function (query, process) {
        if (this.timer) clearTimeout(this.timer);

        var url = $(this.$element).attr('data-provider-url')
        this.timer = setTimeout(function () {
            $.getJSON(url, { query: query }, function (data) {
                labels = [];
                mapped = {};

                $.each(data, function (i, item) {
                    mapped[item.value] = item.key;
                    labels.push(item.value)
                });

                process(labels);
            })
        }, 1000);
    },
    items: 10,
    minLength: 4,
    updater: function (item) {
        var element = $(this.$element);
        setTimeout(function () {
            $(element).trigger("change.validation");
        }, 1);
        //$(this.$element).next('input').val(mapped[item]);
        //return mapped[item]
        return item;
    },
    // This matcher matches this input: 'abc' as 'a.*b.*c.*'
    matcher: function (item) {
        // Here, the item variable is the item to check for matching.
        // Use this.query to get the current query.
        // return true to signify that the item was matched.
        if (!this.query) return false;
        // Create a string like a.*b.*c.*
        var squery = this.query.split('').join('.*');
        return item.match(new RegExp(squery, 'ig'));
    },
    highlighter: function (item) {
        var query = this.query.split('').join('.*');
        return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
            return '<strong>' + match + '</strong>'
        })
    }
});