Autocomplete Using Jquery

///////////////////////////////////////////////////////////////////////////////////////////////////
//// index.php
///////////////////////////////////////////////////////////////////////////////////////////////////

 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
<script>
 $(function(){
   var availableTags = [
    {
    label: "Sao Paulo",
    value: "SP"},
    {
    label: "Sorocaba",
    value: "SO"},
    {
    label: "Paulinia",
    value: "PA"},
    {
    label: "São Roque",
    value: "SR"}
   ];
$("#txtCidade").autocomplete({
    source: availableTags,
    select: function(event, ui) {
        $("#hidCidade").val(ui.item.label);
    }
});
 });
</script>


        <form>
            <input id="hidCidade" type="hidden" />
            <input id="txtCidade" type="input" class="ui-autocomplete-input" />
        </form>
///////////////////////////////////////////////////////////////////////////////////////////////////
//// End index.php
///////////////////////////////////////////////////////////////////////////////////////////////////