title: google.maps.places and its Autocomplete method are undefined
body: <p>I'm loading the <a href="https://developers.google.com/maps/documentation/javascript/" rel="noreferrer">Google Maps API</a>, <a href="http://jquery.com/" rel="noreferrer">jQuery</a> and this <a href="http://ubilabs.github.io/geocomplete/" rel="noreferrer">Geocomplete</a> plugin.
  Please note that I'm also specifying the libraries (<em>libraries=places</em>) and eventually my <em>API key</em>:</p>
  
  <pre><code>&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script src='http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=false&amp;amp;libraries=places&amp;key=xxx'&gt;&lt;/script&gt;
  &lt;script src='js/vendor/jquery.geocomplete.js'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I'm triggering the Geocomplete plugin on the page load</p>
  
  <pre><code>$(window).load(function () {
      $('#my-input').geocomplete();
  });
  </code></pre>
  
  <p>but I always get an error:</p>
  
  <p><em>Uncaught TypeError: Cannot read property 'Autocomplete' of undefined [jquery.geocomplete.js:153]</em>.</p>
  
  <p>Inside the plugin...</p>
  
  <pre><code>this.autocomplete = new google.maps.places.Autocomplete(
   this.input, options
  );
  </code></pre>
  
  <p>I tried to <em>google.maps</em> and it returns a regular object, but places is <em>undefined</em>!</p>