jQuery Найти и присвоить индекс

Question

У меня есть приложение, которое пользователи могут загружать изображения. Мне не понравился дизайн входного файла по умолчанию, поэтому я его изменил. Теперь я работаю с двумя входами, которые фактически выбирают с файлом с типом = file и другим входом, который получает значение из файла type = и помещает его в type = text. Это нормально, если это только одно изображение, которое я хочу загрузить, но нет. Пользователи могут добавить больше изображений, щелкнув по ссылке. Появится больше входных файлов. Здесь у меня проблемы. Я пытаюсь получить текущий индекс на выбранном входе и назначить его на свой сестра-вход, он работает для первого ввода, но после этого он перестает работать. Не уверен, что я делаю неправильно. Ниже ссылки на живой пример: http://jsfiddle.net/w6gmq2x5/

// listens for a change in the value of a input[type=file] 
    $('input[name^=filPostImg]').change(function() { 
    // finds sister input[type=text] by matching index, and assigns value of input[type=file] 
    $('input[name^=filPostPath]').eq($(this).index($(this))).val($(this).val()); 
    }); 

Edit: Этот вопрос не относится к добавлению входов динамически. Речь идет об обнаружении ключей указателя и определении значений для элементов брака.

Answer 1

элемент вы ищете следующий родственный так

$(document).on('change','input[name="filPostImg[]"]',function() { 
    $(this).next('input[name="filPostPath[]"]').val($(this).val()); 
}); 

Демо: Fiddle