title: Cancel JQuery UI Autocomplete on form submit
body: <p>Greetings,</p>
  
  <p>I have a jqueryui autocomplete input that uses an ajax call to populate the suggestions.  How do I ensure when the form is submitted, the suggestions do not appear?  I've tried calling the "close" method, but that doesn't work since the form may be submitted before the ajax call has completed.</p>
  
  <p>I have created a fiddle demonstrating my problem here:
  <a href="http://jsfiddle.net/P7VJf/5/" rel="nofollow">http://jsfiddle.net/P7VJf/5/</a></p>
  
  <p>This is based on the jqueryui demo here:
  <a href="http://jqueryui.com/demos/autocomplete/#remote-jsonp" rel="nofollow">http://jqueryui.com/demos/autocomplete/#remote-jsonp</a></p>
  
  <p>Here is the code:</p>
  
  <pre><code>$(function(){       
      $('form').submit(function(){
          /*
              when the form is submitted, i want to cancel auto complete
              if the ajax call hasn't completed, the suggestions
              will still show even if we call close here
          */
          $("#city").autocomplete("close");        
          $('span').html(Math.random() * 3);
          return false;
      });   
  
      $("#city").autocomplete({
          delay: 300,
          source: function( request, response ) {
             $.ajax({
                  url: "http://ws.geonames.org/searchJSON",
                  dataType: "jsonp",
                  data: {
                      featureClass: "P",
                      style: "full",
                      maxRows: 12,
                      name_startsWith: request.term
                  },
                  success: function( data ) {
                      response( $.map( data.geonames, function( item ) {
                          return {
                              label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
                              value: item.name
                          }
                      }));
                  }
              });
          },
          minLength: 2
      });          
  });
  </code></pre>
  
  <p>Any help is greatly appreciated.</p>