//..........
.result( // fungsi ini akan dipanggil setelah user memilih salah satu result pencarian autocomplete
			function(event,data,formated){
				/*  variable "data" merupakan variable dengan tipe json atau array assosiatif javascript 1 dimensi 
					oleh karena itu dalam mengambil setiap pada "data" hanya dengan "data.nama_property" */
				$('#pegawaiDetail').show(); // tampilan table detail yang di hide sebelumnya
				$('#dataNIP').text(data.kode); 
				$('#dataNamax').text(data.jenis);
				$('#dataNama').text(data.nama_belakang);
				$('#dataAlamat').text(data.alamat);
				$('#dataTelepon').text(data.contact_person);
				$('#dataUmur').text(data.email);
				//tambah disini misal:
				alert(data.id);
 
			}
		);

<script type="text/javascript">

$(function(){
	$("a.add").click(function(){
		page=$(this).attr("href")
		$("#Formcontent").html("loading...").load(page);
		return false
	})
})
	</script>
	<script type="text/javascript">
$(function(){
	$("a.edit").click(function(){
		page=$(this).attr("href");
		$("#Formcontent").html("loading...").load(page);
		return false;
	})
	$("a.delete").click(function(){
		el=$(this);
		if(confirm("yakin ingin di hapus?"))
		{
			$.ajax({
				url:$(this).attr("href"),
				type:"GET",
				success:function(hasil)
				{
					if(hasil==1)
					{
						el.parent().parent().fadeOut('slow');
					}
					else
					{
						alert(hasil);
					}
				}
			})
		}
		return false;
	})
})
</script>
  <link rel="stylesheet" href="jquery-ui-themes-1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="jquery-1.9.1.js"></script>
  <script src="jquery-ui-1.10.2/ui/jquery-ui.js"></script>
  
  <script>
  $(function() {
    var name = $( "#name" ),
      email = $( "#email" ),
      password = $( "#password" ),
      allFields = $( [] ).add( name ).add( email ).add( password ),
      tips = $( ".validateTips" );
 
    function updateTips( t ) {
      tips
        .text( t )
        .addClass( "ui-state-highlight" );
      setTimeout(function() {
        tips.removeClass( "ui-state-highlight", 1500 );
      }, 500 );
    }
 
    function checkLength( o, n, min, max ) {
      if ( o.val().length > max || o.val().length < min ) {
        o.addClass( "ui-state-error" );
        updateTips( "Length of " + n + " must be between " +
          min + " and " + max + "." );
        return false;
      } else {
        return true;
      }
    }
 
    function checkRegexp( o, regexp, n ) {
      if ( !( regexp.test( o.val() ) ) ) {
        o.addClass( "ui-state-error" );
        updateTips( n );
        return false;
      } else {
        return true;
      }
    }
 
    $( "#dialog-form" ).dialog({
      autoOpen: false,
      height: 500,
      width: 625,
      modal: true,
      
      close: function() {
        allFields.val( "" ).removeClass( "ui-state-error" );
      }
    });
 
    $( "#create-user" )
      .button()
      .click(function() {
        $( "#dialog-form" ).dialog( "open" );
      });
	  
  });
  </script>
<style type="text/css">
label.error {
	color: red;
}
</style>

<form class="block-content form" action="qqq.php" method="post" name="myform" onSubmit="return validasi()">
<div class="columns">
			   
			        <fieldset>
					<table cellpadding="3" class="table-padding">
                    <tr title="Required">
                        <td><b>Kode</b></td>
                        <td>:</td>
                        <td><input type="text" name="kode" class="required"  style="width:300px" value="" /></td>
                    </tr>
					<tr title="Required">
                        <td><b>Nama Depan</b></td>
                        <td>:</td>
                        <td><input type="text" name="jenis" class="required"  style="width:300px" value="" /></td>
                    </tr>
					<tr title="Required">
                        <td><b>Alamat</b></td>
                        <td>:</td>
                        <td><input type="text" name="alamat" class="required"  style="width:300px" value="" /></td>
                    </tr>				
					</table>
					</fieldset>
						

			</div>
			<div class="block-footer" style="height:30px;">
        &nbsp;
        <div class="float-right">
			<button type="submit" name="submit"><img src="images/icons/fugue/tick-circle.png" width="16" height="16">Save</button>
			<button type="button" class="grey" onclick="this.form.reset();">Reset</button>
			<button type="button" class="red" onclick="document.location.href='http:wx.php';">Cancel</button> 
        </div>			
    </div>
  </form>
</div>
    <div id="users-contain" class="ui-widget">
        <table class="table" cellspacing="0" width="100%" id="x">
            <thead>
                <tr>
				<th class="black-cell"><span class="loading"></span></th>
					<th scope="col" style="text-align:center;">No</th>
					<th scope="col" style="text-align:center;">Kode</th>
					<th scope="col" style="text-align:center;">Nama Depan</th>
					<th scope="col" style="text-align:center;">Alamat</th>
                    <th scope="col" style="text-align:center;" class="table-actions">Actions</th>   
                </tr>
            </thead>
<?php
include "koneksi.php";
$sqlCount = "select count(kode) from nama";  
$rsCount = mysql_fetch_array(mysql_query($sqlCount));  
$banyakData = $rsCount[0];  
$page = isset($_GET['page']) ? $_GET['page'] : 1;  
$limit = 10;  
$mulai_dari = $limit * ($page - 1);  
$sql_limit = "select * from nama order by kode limit $mulai_dari, $limit";								
$rawr = mysql_query($sql_limit);  

 $no			= 1;
	while($data = mysql_fetch_array($rawr)) 
	{
	

			
              ?>
            <tbody>
			<td align="center">
			<input type="checkbox" name="item[]" id="item[]" value="<?php echo $data['jenis'];?>" /></td>
			<td><?php echo  $no ?> </td>            
			<td><?php echo  $data['kode']; ?> </td>
			<td><?php echo  $data['nama']; ?> </td>
			<td><?php echo  $data['alamat']; ?> </td>
			<td class="table-actions">
			<a href="http:update_supplier.php?kode=<? echo $data['kode'];?>" class="edit" title="Update"><img src="images/icons/fugue/tick-circle-blue.png" width="16" height="16"></a>
			<a href="http:setting_supplier.php?jenis=<? echo $data['jenis'];?>" class="edit" title="Setting"><img src="images/icons/fugue/control.png" width="16" height="16"></a>
			<a href="http:delete_wx.php?kode=<?php echo $data['kode']?>" title="Delete" class="with-tip" onclick='return confirm("are you sure want to delete this one ?");'><img src="images/icons/fugue/cross-circle.png" width="16" height="16"></a>
		</td>
  </tr>
  
  
<?php
	$no++;
  
  
  
	}
?>
</table>
<ul class="message no-margin">
			<li>
					<?php
$banyakHalaman = ceil($banyakData / $limit);  
echo 'Page: ';  
for($i = 1; $i <= $banyakHalaman; $i++){  
 if($page != $i){  
 echo '[<a href="wx.php?page='.$i.'">'.$i.'</a>] ';  
 }else{  
 echo "[$i] ";  
 }  
} 
	?>

	</li>
	</ul>
		<div id="Formcontent"></div>
<button id="create-user">New User</button>