title: Google Places API InvalidValueError: not an instance of HTMLInputElement
body: <p>Have an HTML-form with this element:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var control = container.getElementById('AutoComplete');
  var input = /** @type {!HTMLInputElement} */ (control);
  console.log("input: ", input); //Output: &lt;input type=​"text" id=​"AutoComplete" placeholder=​"--" class=​"block_input" autocomplete=​"off"&gt;​
  autocomplete = new google.maps.places.Autocomplete(input, {
    types: ['geocode']
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;div id="input_address"&gt;
    &lt;div class="element"&gt;
      &lt;label class="block_label"&gt;Адрес&lt;/label&gt;
    &lt;/div&gt;
    &lt;div class="element"&gt;
      &lt;input type="text" id="AutoComplete" placeholder="--" class="block_input"&gt;&lt;/input&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have an error: </p>
  
  <blockquote>
    <p>not an instance of HTMLInputElement</p>
  </blockquote>
  
  <p>How can I fix this?</p>