title: Why Uncaught nc error appear at geocomplete bind function
body: <p>I have a google map with a input box to search location.  When I load the page I am getting the error at the console shown in image below. I checked and found out that the that error is coming from geocomplete().bind function. These are the codes I have tried. Can anybody help me why I am getting that error.</p>
  
  <pre><code>&lt;div class="box-search"&gt;
      &lt;input id="geocomplete" type="text" class="inputtxt-style -search" placeholder="Search Location"&gt;
  &lt;/div&gt;    
  &lt;script src="https://maps.googleapis.com/maps/api/js?key=1&amp;amp;libraries=places&amp;callback=initialize" async defer&gt;&lt;/script&gt;
  
  &lt;script src="https://maps.googleapis.com/maps/api/js?key=1&amp;amp;libraries=places&amp;callback=initialize"
  async defer&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="assets/js/jquery.geocomplete.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      function initialize()
      {
          //google map and marker code
  
          $("#geocomplete")
          .geocomplete()
          .bind("geocode:result", function(event, result){
          var searchLocation = result.geometry.location;
          var searchLatitude = searchLocation.lat();
          var searchLon = searchLocation.lng();
          var myLatlng = new google.maps.LatLng(parseFloat(searchLatitude),parseFloat(searchLon));
          mapSingle.panTo(myLatlng);
          });
      }
  &lt;/script&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/xs0aG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xs0aG.png" alt="Error at console"></a></p>