Take the 2-minute tour ×  I am using jquery autocomplete and I
want to wrap the autocomplete ul inside a div I am using these
code to customize the output li to include images but I want to
wrap it inside a div    $( "#searchy-input" ).autocomplete({
minLength: 2,     source: "/search_suggestions",     focus:
function( event, ui ) {       $( "#searchy-input" ).val(
ui.item.name );       return false;      .data( "ui-
autocomplete" )._renderItem = function( ul, item ) {    return
$( "<li class='customClass'>" )        .append( "<a
href='"+item.link+"'><div class='_20'><img class='_80 hg30p'
src='"+ item.avatar+"'/></div><div  class='span1 mg _60'>" +
item.name + "</div></a>" )        .appendTo( ul );  something
like on these tutorial
http://www.webdesignerdepot.com/2012/05/foxycomplete-advanced-
autocomplete-search-images/ after searching again I found the
solution to ovveride the html display for ul is from these
private method  _renderMenu: function( ul, items ) {   var that
= this;   that._renderItemData