title: autocomplete arrow keys not working
body: <p>im using autocomplete to retrieve data from the database</p>
  
  <pre><code>$('input[name=\'product_name\']').autocomplete({
  
    'source': function(request, response) {
  
      $.ajax({
        url: 'index.php?route=checkout/cart/autocomplete&amp;name=' +  encodeURIComponent(request), //Controller route
        dataType: 'json',
        success: function(json) {
          response($.map(json, function(item) {
            return {
              label: item['name'],
              value: item['product_id']
            }
          }));
        }
      });
    },
  
    'select': function(item) {
  
      $('input[name=\'product_id\']').val(item['value']);
      $('input[name=\'product_name\']').val(item['label']);
    },
  
      focus: function(event, ui) {
            return false;
      }
  });
  </code></pre>
  
  <p>i already put the focus return false but my dropdown arrow keys still not working.
  i also tried using event.preventDefault();</p>