title: JQueryUI autocomplete - custom rendering; focus not working
body: <p>I'm using Jquery-ui version 1.10.3 with jQuery 1.8.3 and trying to implement a custom display of data fetched by the autocomplete server fetch:</p>
  
  <p>This is the part that does the rendering override:</p>
  
  <pre><code>$(#"...").autocomplete(...)
   .data( "ui-autocomplete")._renderItemData = function( ul, item : Users.BriefUserDescriptor) {
      ul.data('ui-autocomplete-item', item);
      return $( "&lt;li&gt;" )
          .data('ui-autocomplete-item', item )
          .append( "&lt;p&gt;" + item.fullName + "&lt;br&gt;" + item.emailAddress+ "&lt;/p&gt;" )
          .appendTo( ul );
  };
  </code></pre>
  
  <p>This works. The elements are displayed as I want them to be, except for a problem regarding the focus:</p>
  
  <pre><code>focus: function( event, ui) {
              var currentUser : Users.BriefUserDescriptor = ui.item;
              $("#invitePersonInput" ).val(currentUser.fullName);
              return false;
          },
  </code></pre>
  
  <p>This always triggers an error, namely that currentUser (ui.item) is undefined.</p>
  
  <p>I've tried several combinations of 'ui-autocomplete-item', 'uiAutocomplete', etc, but none has worked so far in this regard, some even failed to do the menu fill-in altogether.</p>
  
  <p>Any hint would be great.</p>