Селектор Jquery для нескольких полей ввода с одинаковым именем

У меня есть форма, в которую я загружаю три разных файла. Также у меня есть два поля ввода для всех загрузок файлов, где я храню некоторую информацию о загрузке файлов.

<script
src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> .
</script>

<div>
  <input type = "file"  class = "file_name" name = "file_name[]"onchange = "getFileData(this);" />
  <input type = "text" class = "file_name_helper" name = "file_name_helper[]"/>
  <input type = "text" class = "duration" name = "duration[]"/>
</div>

<div>
  <input type = "file" class = "file_name" name = "file_name[]" onchange = "getFileData(this);" />
  <input type = "text" class = "file_name_helper" name = "file_name_helper[]" />
  <input type = "text" class = "duration" name = "duration[]"/>
</div>

<div>
  <input type = "file" class = "file_name" name = "file_name[]" onchange = "getFileData(this);"/>
  <input type = "text" class = "file_name_helper" name = "file_name_helper" />
  <input type = "text" class = "duration" name = "duration[]"/>
</div>

<script type = "text/javascript">
function getFileData(myFile){
  var file = myFile.files[0];
  var filename = [file.name];
  $(myFile).next("input[name='file_name_helper[]']").val(filename);
  $("input[name='duration[]']").val("duration");
}
</script>

Проблема в том, что когда я загружаю форму, первое поле «file_name_helper» правильно заполняется с помощью селектора, который у меня есть, но когда я делаю то же самое для поля «длительность», это не работает. Как я могу выбрать конкретное поле продолжительности? Любая помощь будет оценена