title: How to clear the input bound to the Google Places Autocomplete?
body: <p>Here is my issue: I am using Google Places Autocomplete to gather information about places from the user.</p>
  
  <p>On the event "place_changed", I save this information. However I want to give the user the possibility to add multiple places. So after this place has been save I want to clear the input. </p>
  
  <p>However Google Autocomplete automatically replace the last entry in the input field. Anyway to get rid of that?</p>
  
  <p>The details : </p>
  
  <pre><code>var inputDiv = $('#myinput');
  var options = {
    types: ['(cities)']
  };
  var autocomplete = new google.maps.places.Autocomplete(inputDiv[0], options);
  
  google.maps.event.addListener(autocomplete, 'place_changed', function() {
      var places = autocomplete.getPlace();
      savePlaces(places);
  
      console.log(inputDiv.val()); // 'Paris, France'
      inputDiv.val('');
      console.log(inputDiv.val()); // (an empty string)
  
      setTimeout(function() {
          console.log(inputDiv.val()); // 'Paris, France' (It's back!)
          inputDiv.val('');
          console.log(inputDiv.val()); // (an empty string)      
      }, 1);
  
      setTimeout(function() {
          console.log(inputDiv.val()); // (an empty string)      
      }, 10);
  }
  </code></pre>
  
  <p>You will tell me, well that looks fine, just clear it in the timeout. 
  BUT when I click away from the input (it loses the focus). The last entry comes back again!</p>
  
  <p>Any idea to fix that?
  I haven't found in the Google documentation a function such as </p>
  
  <pre><code>autocomplete.clear();
  </code></pre>
  
  <p>Thanks!</p>