title: proper event in google places autocomplete select with mouse
body: <p>I am using google's autocomplete api just like in the docs and it works 
  fine.
  However I have a form submitted with ajax every time it changes .
  It works fine but when I use the autocomplete for the location with the 
  mouse (choosing a place with a click).
  It trigger the onchange and submits the form before The location is set.</p>
  
  <p>How can I block this behaviour ?
  I mean submit <strong>after</strong> the mouse click on the autocomplete.</p>
  
  <p>Here is a fiddle with an example : <a href="http://jsfiddle.net/8GnZB/2/">http://jsfiddle.net/8GnZB/2/</a></p>
  
  <pre><code>     $(document).ready(function () {
           $location_input = $("#location");
           var options = {
               types: ['(cities)'],
               componentRestrictions: {
                   country: 'be'
               }
           };
           autocomplete = new 
  google.maps.places.Autocomplete($location_input.get(0), options);
           $("#search_form input").change(function () {
               var data =  $("#search_form").serialize();
               /* Serialize form &amp; send it to the search view */
               show_submit_data(data);
               return false;
           });
       });
  
       function show_submit_data(data) {
           $("#result").html(data);
       }
  
       &lt;script type="text/javascript" 
  src="https://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=true"&gt;&lt;/script&gt;
       &lt;form id="search_form" action="" method="post" &gt;location :
           &lt;input id="location" name="location" type="text" /&gt;
           &lt;br/&gt;data:
           &lt;input id="data" name="data" type="text" /&gt;
       &lt;/form&gt;Sent data :
       &lt;div id="result"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The only work around I managed to work so far is a timeout on the <code>change()</code> event but is kinda ugly.</p>