$(document).ready(function(){ 
    init();
    });
 
function init(){
    $("#search").keyup(ajaxRetrieve);
}
 
function ajaxRetrieve(){
    $.get("/jquery/autocomplete/"+ $(this).val() , function(response){
            //Popupbox deleten
            $('#popup').remove();
            //Popupbox aanmaken en na het element met id gebruiker hangen
            var html = "<div id=\"popup\">" + response + "</div>";
            //Binnenin de div met id popupbox gaan we de respons derinsteken
            $("#search").after(html);
			$('#popup').css('zIndex', '50');
            //Klikevent hangen aan de LI'tjes die de functie 'fillInName' oproept
            $("#popup li").click(fillInName);
			
            
            
        });
}
function fillInName(){
        //gekklikte value opvragen
        var waarde = $(this).text();
        //geklikte tekst toevoegen aan de inputbox met id gebruiker
        $("#search").attr("value", waarde);
        //popupverwijderen
        $('#popup').remove();
    }