Jquery Autocomplete Ui Results Navigation With Arrow Keys Issue

I've managed to get the jquery autocomplete ui to work and I've been able to set a link correctly, the only issue is that, instead of being able to click on the suggested results,

Solution 1:

The images look like you have an CSS z-index problem, try to add this to your CSS file:

.ui-autocomplete.ui-widget-content { 
    z-index: 9999;
}

This should fix the problem.

Your user information overlays the suggestionlist, so you are not able to click the items. Are these information absolute or relative positioned?