Symbol separation in id

by Ninay is Unknown

HTML

<input type="text" id="thelist[0].DocDT" class="t">&thinsp;<input type="text" id="thelist[0].StartDT" class="t">&thinsp;<input type="text" id="thelist[0].EndDT" class="t"<br>
<input type="text" id="thelist[1].DocDT" class="t">&thinsp;<input type="text" id="thelist[1].StartDT" class="t">&thinsp;<input type="text" id="thelist[1].EndDT" class="t"<br>
<input type="text" id="thelist[2].DocDT" class="t">&thinsp;<input type="text" id="thelist[2].StartDT" class="t">&thinsp;<input type="text" id="thelist[2].EndDT" class="t"<br>
<input type="text" id="thelist[3].DocDT" class="t">&thinsp;<input type="text" id="thelist[3].StartDT" class="t">&thinsp;<input type="text" id="thelist[3].EndDT" class="t"<br>
<input type="text" id="thelist[4].DocDT" class="t">&thinsp;<input type="text" id="thelist[4].StartDT" class="t">&thinsp;<input type="text" id="thelist[4].EndDT" class="t"<br>
<input type="text" id="thelist[5].DocDT" class="t">&thinsp;<input type="text" id="thelist[5].StartDT" class="t">&thinsp;<input type="text" id="thelist[5].EndDT" class="t"<br>
<input type="text" id="thelist[6].DocDT" class="t">&thinsp;<input type="text" id="thelist[6].StartDT" class="t">&thinsp;<input type="text" id="thelist[6].EndDT" class="t"<br>

JavaScript

$('.t').each(function (index) { 
//  console.log('div' + index + ':' + $(this).attr('id')); 
 // $('#thelist\\['+ index +'\\]\\.DocDT').val("ss");
//  $('#thelist\\['+ index +'\\]\\.StartDT').val("pp");
 //  $('#thelist\\['+ index +'\\]\\.EndDT').val("hart");
    $('#thelist\\['+ index +'\\]\\.DocDT').change(function() {
    $('#thelist\\['+ index +'\\]\\.StartDT,#thelist\\['+ index +'\\]\\.EndDT').val($(this).val());
});
  
     $('#thelist\\['+ index +'\\]\\.StartDT').change(function() {
    $('#thelist\\['+ index +'\\]\\.EndDT').val($(this).val());
});
});