Get value in jquery autocomplete

Here is my code

jquery code

$("input#shopName").autocomplete({
    source: "getShop.php",
    minLength: 2
});

The JSON value return from PHP as below

if(isset($_GET["term"])){

$query=$_GET["term"];
    $result = $dataset->get_custom_record("SELECT * FROM mc_shop WHERE shop_title like  '%" . $query . "%'  ORDER BY id");
}

 while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
        $row_array['id'] = $row['id'];
    开发者_开发技巧    $row_array['value'] =$row['shop_title'];

        array_push($return_arr,$row_array);
    }
echo json_encode($return_arr);

autocomplete is working fine but while selecting the value from autocomplete I need put the corresponding "id" value inside one hidden variable I don't know how to do>

$("input#shopName").autocomplete({
    source: "getShop.php",
    minLength: 2,
    select: function(event, ui) { 
        $("#theHidden").val(ui.item.id) 
    }
});

See http://jqueryui.com/demos/autocomplete/#event-select

Use the following to get chosen value onClick

   $( "#searchText" ).bind( "autocompleteselect", function(event, ui) {
    console.log(ui['item']['value']);
    }); 

This works for me fantastically:

$(ui)[0].item.label
$(ui)[0].item.value