GeoComplate , AutoComplate Textbox

index.css

input{
    
width: 50%;
    height: 35px;
    padding: 5px;
margin: 5px;
}
.red{
 border: 1px #D92124 solid;   
}

index.htm

<form>
<div class="item">
    <input id="autocomplete" placeholder="Adresiniz ..." type="text"></input>
</div>
<div class="item">
    <input class="cat_textbox" id="street" data-geo="route" type="text" placeholder="Detay Adres" maxlength="50" />
</div>
<div class="item">
    <input class="cat_textbox red" id="BillingAddress" data-geo="street_address" type="text" placeholder="Fatura Adres" maxlength="50" name="BillingAddress" />
</div>
</form>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script>

index.js

$(document).ready(function() {

$("#autocomplete").geocomplete({
          details: "form div",
          detailsAttribute: "data-geo"
        });


$('#street').on('propertychange change click keyup input paste', function(){
   $('#BillingAddress').val(this.value);
});
    
})