<input type=text  id='t1' > <div id=d1 ></div>

$(document).ready(function() {
//////////////////////////
var my_var=[{"label" : "John Deo","value" : "1"},{"label" : "Max Ruin","value" : "2"},{"label" : "Arnold","value" : "3"},{"label" : "Krish Star","value" : "4"},{"label" : "John Mike","value" : "5"},{"label" : "Alex John","value" : "6"},{"label" : "My John Rob","value" : "7"},{"label" : "Asruid","value" : "8"},{"label" : "Tes Qry","value" : "9"},{"label" : "Big John","value" : "10"},{"label" : "Ronald","value" : "11"},{"label" : "Recky","value" : "12"},{"label" : "Kty","value" : "13"},{"label" : "Bigy","value" : "14"},{"label" : "Tade Row","value" : "15"},{"label" : "Gimmy","value" : "16"},{"label" : "Tumyu","value" : "17"},{"label" : "Honny","value" : "18"},{"label" : "Tinny","value" : "19"},{"label" : "Jackly","value" : "20"},{"label" : "Babby John","value" : "21"},{"label" : "Reggid","value" : "22"},{"label" : "Herod","value" : "23"},{"label" : "Tiddy Now","value" : "24"},{"label" : "Giff Tow","value" : "25"},{"label" : "Crelea","value" : "26"},{"label" : "Big Nose","value" : "27"},{"label" : "Rojj Base","value" : "28"},{"label" : "Tess Played","value" : "29"},{"label" : "Reppy Red","value" : "30"},{"label" : "Marry Toeey","value" : "31"},{"label" : "Binn Rott","value" : "32"},{"label" : "Kenn Rein","value" : "33"},{"label" : "Gain Toe","value" : "34"},{"label" : "Rows Noump","value" : "35"}];

$( "#t1" ).autocomplete({
      source: my_var,

select:function (e, ui) {
$("#d1").load("autocomplete-demo1-dtl-db.php?id="+ui.item.value);
}
});
////////////////
})