google map autocomplete

HTML

<script src="http://maps.google.com/maps/api/js?libraries=places&region=uk&language=en&sensor=false"></script>
<input id="searchTextField" type="text" size="50"> 

<div id='lblFormattedAddress'></div>

<input type='text' name='hidFormattedAddress' id='hidFormattedAddress'/>

CSS

body {         
    font:14px sans-serif;           
} 
input {
    margin: 0.6em 0.6em 0; 
    width:398px;
}
#map_canvas {         
    height: 400px;         
    width: 400px;         
    margin: 0.6em;       
}

JavaScript

$(function() {



    var input = document.getElementById('searchTextField');
    var autocomplete = new google.maps.places.Autocomplete(input, {
        types: ["geocode"]
        ,  componentRestrictions: {country: 'TH'}
    });


    google.maps.event.addListener(autocomplete, 'place_changed', function() {

        var place = autocomplete.getPlace();
        $('#lblFormattedAddress').html(place.formatted_address);
        $('#hidFormattedAddress').val(place.formatted_address);

    });



});