typeahead.js

var communities = new Bloodhound({
    datumTokenizer: function(datum) {
        return Bloodhound.tokenizers.whitespace(datum.title);
    },
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    prefetch: {
        cache: false,
        url: '/wp-json/wp/v2/communities',
        filter: function(response) {
            return $.map(response, function(community) {
                return {
                    link: community.link,
                    title: community.title.rendered
                }
            });
        }
    }
});

var community_areas = new Bloodhound({
    datumTokenizer: function(datum) {
        return Bloodhound.tokenizers.whitespace(datum.name);
    },
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    prefetch: {
        cache: false,
        url: '/wp-json/wp/v2/terms/community_area',
        filter: function(response) {
            return $.map(response, function(area) {
                return {
                    name: area.name,
                    link: area.link
                }
            });
        }
    }
});

$('.typeahead.commercial-properties').typeahead({
    hint: false,
    highlight: true,
    minLength: 1
}, {
    name: 'communities',
    display: 'title',
    source: communities,
    templates: {
        header: '<h4 class="communities">Communities</h4>',
        suggestion: Handlebars.compile('<div><strong>{{title}}</strong></div>')
    }
}, {
    name: 'community_areas',
    display: 'name',
    source: community_areas,
    templates: {
        header: '<h4 class="areas">Areas</h4>',
        suggestion: Handlebars.compile('<div><strong>{{name}}</strong></div>')
    }
}
);