The success of the ajax does not respond when uploading a file from modal

good afternoon. I have a problem in the answer with the ajax, being specific in the answer if it raised the file or not. Please tell me what I'm wrong about ...

The files are:

The modal

<!-- UPLOAD MODAL -->
<div class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content animated bounceIn">
            <div class="modal-header blue-bg">
                <h2 class="modal-title text-left"><i class="fa fa-cloud-upload"></i> SUBIR ARCHIVOS: hasta 10Mb</h2>
            </div>
            <form method="POST" action="modules/upload/upload.php" id="uploadForm" enctype="multipart/form-data">
                <div class="modal-body gray-bg">
                    <div class="row">
                        <div class="form-group col-md-4" >
                            <input type="text" name="uploadReferencia" id="uploadReferencia" class="form-control" autocomplete="off">
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-12" >
                            <input type="file" name="file" id="file" required />
                        </div>
                    </div>
                    <div id="mensaje"></div>
                </div>
                <div class="modal-footer gray-bg">
                    <div class="row">
                        <div class="form-group col-md-6 pull-right">
                            <button type="button" class="btn btn-danger" data-dismiss="modal"> <i class="fa fa-times"></i> Cerrar </button>
                            <button type="submit" class="btn btn-success"><i class="fa fa-upload"></i> Subir </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- END UPLOAD MODAL -->

The script

<script type="text/javascript">
        $(document).ready(function(){
            $('#uploadForm').on('submit', function(e){
                e.preventDefault();
                $.ajax({
                    url: "modules/upload/upload.php",
                    method:"POST",
                    data:new FormData(this),
                    contentType:false,
                    cache:false,
                    processData:false,
                    success:function(data)
                        {
                            $('#mensaje').html(data);
                        }
                })
            });
        });
    </script>

The php

<?php
    $datoRef            = $_POST['uploadReferencia'];
    $name_file          = $_FILES['file']['name'];
    $tmp_file           = $_FILES['file']['tmp_name'];
    $size_file          = $_FILES['file']["size"];
    $path_file         = "files/".$datoRef;

    if($size_file <= 10485760)
        {
            move_uploaded_file($tmp_file, $path_file);
            echo "El archivo subio satisfactoriamente";
        }
    else
        {   
            echo "Lo sentimos, el archivo que intentas subir supera los 10 Mb";
        }
?>