JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ubilabs.github.io/geocomplete/jquery.geocomplete.js"></script>
<form>
<label class="inp2"><input id="geocomplete1" onfocus="this.value=''" onblur ="if (this.value == '') { this.value ='Enter Address from' }" value="Enter Address from" type="text"></label>
</form>
CSS
form {
background: url(https://developers.google.com/maps/documentation/places/images/powered-by-google-on-white.png) no-repeat center right;
}
JavaScript
$(function(){
$("#geocomplete1").geocomplete()
.bind("geocode:result");
});