title: JQuery UI Autocomplete - extra item info when hovered/focussed? HOWTO?
body: <p>I have the following plan in mind:</p>
  
  <p>I have a AutoComplete UI element on my website with several autocomplete options but what i want is the following and i cant get it to work:</p>
  
  <p>if the user hovers (mouseover or arrow-keys) over an item the items text should change into the item value of course and extra information.</p>
  
  <p>To make myself more clear:</p>
  
  <p>If the user Rolls over a movie title in the autocomplete the item should change into the movie title + movielength + moviecover.</p>
  
  <p>And when the item is unfocussed it should get changed into its original state</p>
  
  <p>Here is what i have::</p>
  
  <pre><code>$("#searchField").autocomplete({
  
      source: dataSet,
      minLength: 1,
      open: function(event, ui) { $(".ui-autocomplete").css({"z-index": 1000, "font-size": "13px"}); },
      focus:function(e,ui) {
  
          q = $("#ui-active-menuitem").html();
          $("#ui-active-menuitem").html("&lt;b&gt;"+q+"&lt;/b&gt;");
  
  
      },
  
      select: function(event, ui) {
          q = $("#ui-active-menuitem").html();
          location.href="?q="+q;
      }
  
  });
  </code></pre>
  
  <p>Sorry For my english if it is not understandable...</p>
  
  <p>THNX IN ADVANCE</p>