(function($){

  var $project = $('#project');

​

  var projects = [

    {

      value: "jquery",

      label: "jQuery",

      desc: "the write less, do more, JavaScript library",

      icon: "jquery_32x32.png"

    },

    {

      value: "jquery-ui",

      label: "jQuery UI",

      desc: "the official user interface library for jQuery",

      icon: "jqueryui_32x32.png"

    },

    {

      value: "sizzlejs",

      label: "Sizzle JS",

      desc: "a pure-JavaScript CSS selector engine",

      icon: "sizzlejs_32x32.png"

    }

  ];

  $project.autocomplete({

    minLength: 0,

    source: projects,

    focus: function( event, ui ) {

      $project.val( ui.item.label );

      return false;

    }

  });

  $project.data( "ui-autocomplete" )._renderItem = function( ul, item ) {

    var $li = $('<li>'),

        $img = $('<img>');

​

​

    $img.attr({

      src: 'https://jqueryui.com/resources/demos/autocomplete/images/' + item.icon,

      alt: item.label

    });

​

    $li.attr('data-value', item.label);

    $li.append('<a href="#">');

    $li.find('a').append($img).append(item.label);    

​

    return $li.appendTo(ul);

  };

​

})(jQuery);