title: how to pass hidden id using json in jquery ui autocomplete?
body: <p>perhaps it is duplicate,but i can't found solution so i posted this question.I am use jquery ui for auto complete search box. it works fine but the problem is i want to search using id.example:when user type paris,i try to send city_id in mysql for search. so problem is how to pass hidden id with json?
   <br> here the code:</p>
  
  <pre><code> &lt;input type="text" name="grno" id="grno" class="input" title="&lt;?php echo $lng['vldgrno'];?&gt;
  </code></pre>
  
  <p><code>jquery code:</code></p>
  
  <pre><code>&lt;script&gt;
   $(function() {
  function split( val ) {
    return val.split( /,\s*/ );
  }
  function extractLast( term ) {
    return split( term ).pop();
  }
  
  $( "#grno" )
    // don't navigate away from the field on tab when selecting an item
    .bind( "keydown", function( event ) {
      if ( event.keyCode === $.ui.keyCode.TAB &amp;&amp;
          $( this ).data( "ui-autocomplete" ).menu.active ) {
        event.preventDefault();
      }
    })
    .autocomplete({
      source: function( request, response ) {
        $.getJSON( "pages/search.php", {
          term: extractLast( request.term )
        }, response );
      },
      search: function() {
        // custom minLength
        var term = extractLast( this.value );
        if ( term.length &lt; 1 ) {
          return false;
        }
      },
      focus: function() {
        // prevent value inserted on focus
        return false;
      },
      select: function( event, ui ) {
        var terms = split( this.value );
        // remove the current input
        terms.pop();
        // add the selected item
        terms.push( ui.item.value );
        // add placeholder to get the comma-and-space at the end
        terms.push( "" );
        this.value = terms.join( "," );
        alert(data.id);
        return false;
      }
    });
    });
    &lt;/script&gt;
  </code></pre>
  
  <p><code>autocomplete.php :</code></p>
  
  <pre><code>&lt;?php
    mysql_connect('localhost','root','');
   mysql_select_db('school');
   $return_arr = array();
   $term = trim(strip_tags($_GET['term']));//retrieve the search term that autocomplete sends
   //create select query
    $query = "select `grno`,`first_name`,`student_id` from `tbl_student` where `grno` like '%".$term."%' or `first_name` like '%".$term."%'";
    // Run the query
    $result = mysql_query ($query);
    $array = array();
   while($obj = mysql_fetch_array($result)){
   $array['name'] = $obj['first_name']."(".$obj['grno'].")";
   array_push($return_arr,$obj['first_name']."(".$obj['grno'].")");
   }  
   $json = json_encode($return_arr);
   echo $json;
   ?&gt;
  </code></pre>
  
  <p>so.how to pass <code>student_id</code> in <code>autocomplete.php</code>,like  label and value.{label='xyz' value='1'}</p>