$(document).ready(function() { 

 dialog = $( "#form_cari_diagnosis" ).dialog({

 autoOpen: false,

 height: 500,

 width: 800,

 modal: true,

 });

 

 var count_di = 0; 

 

 $("#add_diagnosis").button().on( "click", function() {

 count_di += 1;

 $('#container_diagnosis').append(

 '<tr class="direcs"><td>' 

 + '<div class="form-group"><input type="text" class="form-control" name="kd_diagnosis" id="txt_kd_diagnosis_'+count_di+'" size="5" required readonly /> '

 + '<button type="button" class="btn btn-info" id="list_diagnosis_1">cari</button> '

 + '<div class="form-group"><input type="text" class="form-control" name="ket" id="txt_keterangan_'+count_di+'" size="60" /></div>'

 + '<div class="form-group"><input type="button" name="hapus" value="hapus" id="remove_item_diagnosis" class="btn btn-danger" /></div><br>'

 + '<input id="rows_diagnosis_' + count_di + '" name="rows_diagnosis[]" value="'+ count_di +'" type="hidden">'

 + '</td></tr>' 

 );

 });

 

 $("#remove_item_diagnosis").live('click', function (ev) {

 if (ev.type == 'click') {

 count_di = count_di - 1;

 $(this).parents(".direcs").fadeOut();

 $(this).parents(".direcs").remove();

 }

 });

 

 $('body').on('keyup',"[id='txt_keterangan_"+ count_di +"']", function(){ 

 $("#txt_keterangan_1").autocomplete({

 minLength: 2,

 source: 'getDiagnosis.php',

 select:function(event, ui){

 $('#txt_kd_diagnosis_1').html(ui.item.id);

 }

 });

 });

 

 }); 



 <!--- DIAGNOSIS -->

 <div class="table table-striped table-hover">

 <table width="700" class="table">

 <tr><td colspan="3"><input type="button" name="add_diagnosis" value="Tambah Diagnosis" id="add_diagnosis" class="btn btn-warning" /></td></tr> 

 <tbody id="container_diagnosis"><!-- rows muncul di sini --></tbody>

 </table>

 </div>

 <!--- DIAGNOSIS -->