Example of how to use typeahead remote

typeahead-example.js

$(document).ready(() => {
	
	initializeTypeahead('/materias/buscar', '/materias', '#subject_study_plan')

});

function initializeTypeahead(remote_url, prefetch_url, selector) {
	var subjects = new Bloodhound({
	   	datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
		queryTokenizer: Bloodhound.tokenizers.whitespace,
		prefetch: {
			url: prefetch_url,
			cacheKey: 'name'
		},
	    remote: {
	        url: `${remote_url}/%QUERY`,
	        wildcard: '%QUERY'
	    }
	});

	$(selector).typeahead( null, {
	    display: 'name',
	    source: subjects,
	}).on('typeahead:select', function(ev, suggestion) {
		// subject_study_plan_subject_id
		$(ev.target).closest('span').siblings('input').val(suggestion.id);
		// console.log($(ev.target));
	});
}