This is an example of using typeahead.js to prefetch a source, template the results with hogan.js, and send the user to a URL location using the typeahead:autocompleted or typeahead:selected event handlers using jQuery. It takes the result datum and sends a user on their way once the field has been autocompleted (via tab or enter key) or our use…

typeaheadjs-link.js

$(document).ready(function() {
	$('.userslist.typeahead').typeahead({                              
		name: 'users',                                                        
		limit: '10',                                                        
		prefetch: '/path/to/users.json', 
		template: [                                                                 
			'<p class="typeahead-num">{{num}}</p>',                              
			'<p class="typeahead-name">{{email}}</p>',                                      
			'<p class="typeahead-city">{{city}}, {{state}}</p>'                         
		].join(''),                                                                 
		engine: Hogan                                                               
	});
	$('.typeahead').on('typeahead:autocompleted', function(evt, item) {
		window.location.href = 'path/to/users/edit/' + item['userid'];
	})
	$('.typeahead').on('typeahead:selected', function(evt, item) {
		window.location.href = 'path/to/users/edit/' + item['userid'];
	})
});