title: Sending files and data using jQuery Iframe transport plugin
body: <p>I want to upload files and a few hidden fields to server using jQuery iframe-transport plugin. </p>
  
  <p><a href="http://cmlenz.github.com/jquery-iframe-transport/" rel="nofollow">http://cmlenz.github.com/jquery-iframe-transport/</a></p>
  
  <p>I have form on the page, that contains inputs with type 'file' and 'hidden'. 
  I use code:</p>
  
  <pre><code>$("#fileupload").submit(function() {
      progress(1);
      var data = $(":hidden", this).serializeArray();
      console.log(data);
      $.ajax(this.action, {
          data: data,
          processData: false,
          files: $(":file", this),
          iframe: true
      }).complete(function(data) {
          progress(0);
      });
      return false;
  });
  </code></pre>
  
  <p>Variable 'data' contains:</p>
  
  <pre><code>[ { name: "description_0", value: "111"}, { name: "description_1", value: "222"}]
  </code></pre>
  
  <p>Files are sent to server, but data is not. I see information about files in Post tab in Firebug. There is no data info.</p>
  
  <p>Can someone explain, why data info is not sent?</p>