title: How to properly get form data with JQuery and formData
body: <p>I am trying to upload some form data using ajax and php but for some reason my data is not being catch or passed.</p>
  
  <p>Here is what I have:</p>
  
  <p>form.html ( basic form with 3 text inputs and 1 file)</p>
  
  <pre><code>&lt;form class="form" id="superform" action="nada.php" method="post" enctype="multipart/form-data"&gt;
            &lt;div class="form-group"&gt;
                &lt;label for="tituloQuiz"&gt;Resultado:&lt;/label&gt;
                &lt;input type="text" class="form-control resultado" id="titulo" name="titulo" placeholder="Ex: Paris"&gt;
            &lt;/div&gt;
  
            &lt;div class="form-group"&gt;
                &lt;label for="desc"&gt;Descrição do Site:&lt;/label&gt;
                &lt;textarea  class="form-control" id="desc" name="descricao" placeholder="Ex:"&gt;&lt;/textarea&gt;
            &lt;/div&gt;
  
            &lt;div class="form-group"&gt;
                &lt;label for="desc"&gt;OG FB DESC:&lt;/label&gt;
                &lt;textarea  class="form-control" id="facedes" name="descricao" placeholder="facebook description"&gt;&lt;/textarea&gt;
            &lt;/div&gt;
  
            &lt;div class="form-group"&gt;
              &lt;label for="imggrande"&gt;Imagem&lt;/label&gt;
              &lt;input type="file" id="imggrande" name="imgres"&gt;
              &lt;p class="help-block"&gt;Imagem usada na página de resultado e Facebook 600 x 400.&lt;/p&gt;
            &lt;/div&gt;
            &lt;button type="button" class="btn btn-primary btn-lg addres"&gt;Adicionar Resultado&lt;/button&gt;
            &lt;button type="button" class="btn btn-danger btn-lg"&gt;Próxima Etapa&lt;/button&gt;
         &lt;/form&gt;
  </code></pre>
  
  <p>And here is the JS that makes the ajax call:
  <strong>myjs.js</strong></p>
  
  <pre><code> $("document").ready(function(){
       $('.row').on('click','.addres',function(){
           console.log('Click Detectado');
           var formulario = $('#superform');
           var formData = new FormData(formulario);
  
            $.ajax({
  
                    type: "POST",
                    url: "addres.php",
                    data: formData,
                    async: false,
                    success: function(data) {
                          console.log('Funcionou');
                    },
                    error: function(data) {
                        console.log('Erro no formulario');
                    },
                    cache: false,
                    contetType: false,
                    processData: false
            });
  
  
       });
   });
  </code></pre>
  
  <p>Nothing is being passed and the POST call is empty (See screenshots below).
  <img src="https://i.stack.imgur.com/bSIhJ.png" alt="Empty Post">
  <img src="https://i.stack.imgur.com/Kc9RG.png" alt="enter image description here"></p>
  
  <pre><code>**addres.php**
  &lt;?php
     var_dump($_FILES);
     var_dump($_POST);
  
  ?&gt;
  </code></pre>