view

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Welcome to CodeIgniter</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">

<script type="text/javascript">
$(function(){
  $("#birds").autocomplete({
    source: "<?php echo base_url(); ?>index.php/birds/get_birds"

  });

$("#birds").result(function(event, data, formatted) {
		var kode	= formatted;
		$.ajax({
			type	: "POST",
			data	: "kode="+kode,
			url 	: "<?php echo base_url(); ?>index.php/birds/get_name",
			dataType: "json",
			success: function(data){
				$("#bird").val(data.bird);
				$("#aka").val(data.aka);
			}
		});
	});
});
</script>

</head>
<body>



<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input type="text" id="birds" />
  <input type="text" id="bird" />
  <input type="text" id="aka" />
</div>

</body>
</html>