Auto-Fill ajax response on dynamic fields in Yii2

I am using auto-fill with a ajax request, which is working fine for static fields. for example: $this->registerJs("$(document).delegate('.form-control','change',function(event){ $.ajax({ url: '".yii\helpers\Url::toRoute("ot-note/instrument1")."', dataType: 'json', method: 'GET', data: {id: $(this).val(), }, success: function (data, textStatus, jqXHR) { $('#otinstrumententry-0-instrument_code').val(data.instrument_code); }, beforeSend: function (xhr) { alert('loading!'); }, error: function (jqXHR, textStatus, errorThrown) { [login to view URL]('An error occured!'); alert('Error in ajax request'); } }); });"); My fields are added dynamically and it is not working for the dynamically added fields, the code is like this: the id of the fields are becoming like #field-0-instrument_code #field-1-instrument_cdoe Except for the first field, the successive fields are not recognized by Jquery, which are added dynamically. How I can resolve this problem. thanks.