title: JqueryUI autocomplete returns wrong item on focus
body: <p><br>
  I used JqueryUI on this project im working on.<br>
  When I focus on the next item in the list with the down arrow key, jqueryui returns the previous selected item<br>
  <br><a href="http://jsfiddle.net/VCd4J/15/" rel="nofollow">Here's a perfect working sample is here on jsFiddle</a></p>
  
  <p>Here's the Jquery code</p>
  
  <pre><code>$( "#itemname" ).autocomplete({
      source: function( request, response ) {
              var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
              response( $.grep( tags, function( item ){
                  return matcher.test( item );
              }) );
          }, 
          //focus: function(event) { alert( event.type ); }
          focus : function(event, ui) { 
              //alert( $(this).val() );
              var item_name_this = $(this).val();
              $('#properties_item_name').html(item_name_this);               
          }
  });
  </code></pre>