Google Places Autocomplete not appearing

Component

import Ember from 'ember';

export default Ember.TextField.extend({
type: 'text',

didInsertElement: function() {
  this.$().addClass("form-control");
  var autocomplete = new google.maps.places.Autocomplete(
    (document.getElementById('autocomplete')),{types:['geocode']} //trying without jQuery, but still.
  );
}});

Template

which renders to

<input id="autocomplete" type="text" class="ember-view ember-text-field form-control" placeholder="Enter a location" autocomplete="off">

but still, i get:

InvalidValueError: not an instance of HTMLInputElement

Any help would be really appreciated.

EDIT: Ember 2.6