I am trying to make simple JQuery application with Auto complete .

I need when the user types each character --> go to server and do some logic there -->then render a list from the server .

I succeeded to do that .However, the only thing that BUGS me that once the response comes from the server , I must type another character in order to be able to render the list .

How could I render the list whenever it comes from the server without the need to type any thing .

1. 
   
2. $(document).ready(function() { 
3. 
   
4. 
   
5.        $('#autocomplete').keydown(function() {
6. if ($('#autocomplete').val()) {
7. 
   
8. $.getJSON("../x/foo", { name: $('#autocomplete').val()}, function(result) {
9. 
   
10.                           $("input#autocomplete").autocomplete({source:result.fooList});
11.                      });
12. 
    
13. }
14.   });
15. 
    
16. });
17. 
    
18. <input id="autocomplete"  />