Boostrap 3.x - Typeahead - jQuery

typeahead-demo.html

Search: <input type="text" value="" class="typeahead" />
<input tyep="hidden" id="inputTmpID" value="" />

typeahead-demo.js

$(function() {
	var $input = $('.typeahead');
	
	$input.keydown(function(){
		$input.typeahead({source:function(query, process){
				$.post('{url}',{
					'q' : query
				},function(data){
					return process(data.contentList);
				},'json');
			}
		});
	}).change(function() {
	    var current = $input.typeahead("getActive");
	    if (current) {
	        if (current.name.toLowerCase() == $input.val().toLowerCase()) {
						$('#inputTmpID').val(current.id);
	        } else {
	           // do somthing else
	        }
	    } else {
	       // none active values
	    }
	});
});