JSFiddle - React, Tailwind, and code Playground

HTML

<script src="    &lt;script type=&quot;text/javascript&quot;         src=&quot;https://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=true"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&sensor=true"></script>
<form id="search_form" action="" method="post" >location :
    <input id="location" name="location" type="text" />
    <br/>data:
    <input id="data" name="data" type="text" />
</form>Sent data :
<div id="result"></div>

JavaScript

$(document).ready(function () {
    $location_input = $("#location");
    var options = {
        types: ['(cities)'],
        componentRestrictions: {
            country: 'be'
        }
    };
    autocomplete = new google.maps.places.Autocomplete($location_input.get(0), options);
    $("#search_form input").change(function () {
        var data =  $("#search_form").serialize();
        /* Serialize form & send it to the search view */
        show_submit_data(data);
        return false;
    });
});

function show_submit_data(data) {
    $("#result").html(data);
}