title: Why does my autocomplete search fiels freeze when trying to pull cities from Google Places API?
body: <p>In my web page base template, I have links for JQuery, Google Places API, plugin for autocomplete and JS code to to call the functionality.</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDaa7NZzS-SE4JW3J-7TaA1v1Y5aWUTiyc&amp;libraries=places"&gt;&lt;/script&gt;
  
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.js"&gt;&lt;/script&gt;
  
   &lt;script&gt;
  
      $(function(){
  
      $("#searchBoxGlow").geocomplete()
  
      });
  
      &lt;/script&gt;
  </code></pre>
  
  <p>Finally I have a search field that I want to autocomplete city names </p>
  
  <pre><code>&lt;input type="text" class="form-control input-lg" id="searchBoxGlow" name="city" placeholder="Search Cities"&gt;
  </code></pre>
  
  <p>However it freezes and shows an exclamation mark as in this screenshot:<a href="https://i.stack.imgur.com/pBoSS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pBoSS.png" alt="enter image description here"></a></p>