title: Display jquery ui auto-complete list on focus event
body: <p>here is my code, anything wrong with it ?
  it doesn't seem to display list on focus, i still have to press a key before it displays list</p>
  
  <pre><code>&lt;link media="all" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" rel="stylesheet"/&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      $(function() {
          $('#id').autocomplete({
              source: ["ActionScript",
                          "AppleScript",
                          "Asp",
                          "BASIC",
                          "C",
                          "C++",
                          "Clojure",
                          "COBOL",
                          "ColdFusion",
                          "Erlang",
                          "Fortran",
                          "Groovy",
                          "Haskell",
                          "Java",
                          "JavaScript",
                          "Lisp",
                          "Perl",
                          "PHP",
                          "Python",
                          "Ruby",
                          "Scala",
                          "Scheme"
                      ],
              minLength: 0
          });
      }).focus(function(){            
              $(this).trigger('keydown.autocomplete');
      });
  &lt;/script&gt;
  
  
  &lt;input type="text" id="id"&gt;
  </code></pre>