How to pass the multiple file values in next page using AJAX

Question

Here i have two form fields one is text field, one more is file upload , now i want to do take the all field values and pass to next page through AJAX,Here text box value is passing but file upload value is not passing i am getting error like undefined undefined, How to do this one

console.log(result);

i am getting answer like this

    Array
(
    [Price_unit] => Array
        (
            [0] => 4000000
            [1] => 8000000
        )

    [floor_plan] => Array
        (
            [0] => undefined
        )

     )

$(document).ready(function () {
  $("#btn-submit").click(function (){
    var formData = new FormData($('#residential')[0]);
    formData.append('floor_plan[]', $('input[type=file]')[0].files[0]);

    $.ajax({
      url: "admin/test.php", 
      type: "POST",          
      data: formData, 
      contentType: false,     
      cache: false,             
      processData:false,        
      success: function(result)   
      {
        console.log(result);

      }
    }); 

  });
});

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

<form id="residential">
  <div class="form-group">
    <div class="row filterhide1" style="margin-left: 0px;">


      <div class="col-md-3"> 
        <div class="form-group">
          <label class="control-label">Price

            <span class="require">*</span>
          </label>
          <br>
          <input type="text" class="form-control" placeholder="" name="Price_unit[]" value="4000000" required="" data-msg-required="Please Enter Price" aria-required="true">
        </div> 
      </div>
      <br>
      <div class="col-md-3"> 
        <div class="form-group">
          <label class="control-label">Floor Plan

            <span class="require">*</span>
          </label>
          <br>
          <input type="file" class="" placeholder="" name="floor_plan[]" value="luxury_apartments_and_property.jpg" required="" data-msg-required="Please Select Floor Plan" aria-required="true">
        </div> 
      </div>
    </div>
  </div>


  <br><br><br><br>

  <div class="form-group">
    <div class="row filterhide1" style="margin-left: 0px;">


      <div class="col-md-3"> 
        <div class="form-group">
          <label class="control-label">Price

            <span class="require">*</span>
          </label>
          <br>
          <input type="text" class="form-control" placeholder="" name="Price_unit[]" value="8000000" required="" data-msg-required="Please Enter Price" aria-required="true">
        </div> 
      </div>
      <br>
      <div class="col-md-3"> 
        <div class="form-group">
          <label class="control-label">Floor Plan

            <span class="require">*</span>
          </label>
          <br>
          <input type="file" class="" placeholder="" name="floor_plan[]" value="6.jpg" required="" data-msg-required="Please Select Floor Plan" aria-required="true">
        </div> 
      </div>
    </div>
  </div>
  <br><br>

  <input type="button" value="SUBMIT" id="btn-submit">
</form>

test.php

 <?php
print_r($_POST);
?>