Как собрать файлы и отправить их ajax?

<div class="report-site">
<form onsubmit="return false" enctype="multipart/form-data" id="report-site">
    <label>Локация:
        <select id="pnd-report">
        <% loc.forEach(function(item){ %>
            <option><%= item.name %></option>
        <% }); %>
        </select>
    </label>
    <label>Правки:
        <div id="report-body"></div>
    </label>
    <label>Файл:
        <input type="file" id="rep-file" name="" multiple>
    </label>
    <label>
        <input type="submit" name="sub" value="Отправить заявку" id="reg-report">
    </label>
</form>

    $(function(){
    var editor = new MediumEditor('#report-body', {
        placeholder:{
            text: '',
            hideOnClick: true
        }
    });

    var form = $('#report-site');

    $('#reg-report').on('click', function(e){
        e.preventDefault();
        var formData = new FormData();
        if(($("#rep-file")[0].files).length != 0){
            $.each($("#rep-file")[0].files,function(i, file){
                formData.append("file["+i+"]",file);
            });
        }
        console.log(formData);
        var data = {
            pnd: $('#pnd-report').val(),
            text: $('#report-body').html(),
            formData: formData
        };
        console.log(JSON.stringify(data));
        $.ajax({
            data: JSON.stringify(data),
            type: 'POST',
            contentType: 'application/json',
            url: '/report/report-site'
        })
        .done(function(data){
            if(data.status){
                alert("Заявка отправлена");
            }else{
                alert("Ошибка, обратитесь в тех.поддержку");
            }
        })

    })
});

Пытаюсь получить список файлов, что бы отправить их через ajax, но при отправке он передает пустой объект, как быть?