I am using jquery-ui 1.11.2 for autocomplete with the following custom menu rendering:

2. function integrationSearchRenderMenu(ul, items) {
3.   var self = this,
4.       emptyItem = { label: '', value: '' };
5. 
   
6.     ul.append($('<div></div>').data('ui-autocomplete-item', emptyItem).append(
7.               '<div class="image"></div>' +
8.               '<div class="name">Product</div>' +
9.               '<div class="dek">Description</div>').addClass('ui-widget-header'));
10. 
    
11.   ul.addClass('integration-search');
12. 
    
13.   $.each(items, function(index, item) {
14.     self._renderItemData(ul, item);
15.   });
16. }

When using the arrow keys to navigate into the autocomplete options, the menu is getting focus first, requiring an extra key press to get past. How would I skip directly to the real items?