Javascript-форум - загрузка через ajax type file

Здравствуйте, имеется input (type="file") и под ней кнопка добавить еще такое же поле. Т.е. получается, что можно добавлять сколько хочешь файлов.
но отправляет почему-то в обработчик 1 файл....

<input type='file' name="file" id="upload" />
<a id="add-files-new" href="#">добавить</a>

function mainformrequest(result_id,formMain,url) {

	
			 
			var data = new FormData();

//Form data
var form_data = $("#"+formMain).serializeArray();
$.each(form_data, function (key, input) {
    data.append(input.name, input.value);
});

//File data
var file_data = $('#upload')[0].files;
for (var i = 0; i < file_data.length; i++) {
    data.append("files[]", file_data[i]);
}
//Custom data
data.append('key', 'value');

$.ajax({
    url: url,
    method: "post",
    processData: false,
    contentType: false,
    data: data,
    success: function (data) {
 console.log(data);
  document.getElementById(result_id).innerHTML = data;
    },
    error: function (e) {
       location.reload();
    }
}); 
			 
    }

$("#add-files-new").on('click', function() {

	document.getElementById('load-new-files').insertAdjacentHTML('beforeend', '<br><br><span class="files24"><input type="file" name="file" id="upload" /></span>');
	
	return false;
});