Добавить значение из массива в поле ввода, используя Jquery?

Question

У меня есть поле ввода, которое добавляется после элемента, но проблема в том, что оно отображает только одно значение во всех полях ввода после полной визуализации страницы.

<input type="text" class="form-control mkcInput" name="new_file_name[]" value="Logo 2" placeholder="File Name">

JQuery визуализирует ввод с тем же значением после загрузки страницы

Вот мой код

HTML

<div class="ajax-file-upload-container">
    <div class="ajax-file-upload-statusbar" style="width: 400px;"><img class="ajax-file-upload-preview"
            style="width: 100%; height: auto; display: none;">
        <div class="ajax-file-upload-filename">2). 1572949612_ccf_education_logo.png (6.24 KB)</div>
        <div class="ajax-file-upload-progress" style="">
            <div class="ajax-file-upload-bar" style="width: 100%;"></div>
        </div>
        <div class="ajax-file-upload-red ajax-file-upload-1573123749310 ajax-file-upload-abort" style="display: none;">
            Abort</div>
        <div class="ajax-file-upload-red ajax-file-upload-1573123749310 ajax-file-upload-cancel" style="display: none;">
            Cancel</div>
        <div class="ajax-file-upload-green" style="display: none;">Done</div>
        <div class="ajax-file-upload-green" style="display: none;">Download</div>
        <div class="ajax-file-upload-red" style="">Delete</div>
    </div>
</div>

        onLoad: function(obj) {
        $.ajax({
            cache: false,
            url: "<?= SITE_URL ?>/lib/jQuery-File-Upload/load.php",
            dataType: "json",
            data: {
                subfolder: "classroom_course/<?php echo $company_id ?>",
                files_data: "<?php echo $cc_files; ?>"
            },
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    obj.createProgress(data[i]["name"], data[i]["path"], data[i]["size"]);
                }
                $.each(data, function (i, val) {
                    if ($('.ajax-file-upload-progress').children('.mkcInput').length == '') {
                        $('.ajax-file-upload-progress').children('.ajax-file-upload-bar').after('<input type="text" class="form-control mkcInput" name="new_file_name[]" value="' + val.file_name + '" placeholder="File Name">');
                    } else { }
                });
            }
        });
    },

Любое решение приветствуется!