How to read all the values inside an multiple form with jquery
<p>I'm trying to get my uploading script to work with jquery but having problems with fetching the values (files) that are queued up in a multiple form.</p>

<p>I can get it to work so i can select like 10 files in a single input but when i'm trying to fetch those values i only get the first file of the 10 i added simultaneously. I can upload the files and fetch its values but i want to make it to work with jqeury as well something i can't get to work. Here is the code:</p>

<pre><code> &lt;!DOCTYPE html&gt;
 &lt;html lang="en-us"&gt;
 &lt;head&gt;
 &lt;script src="jquery-min.js"&gt;&lt;/script&gt;
 &lt;script&gt;
 $(document).ready(function() {
     $("form").change(function() {
     var form =  $(".forms").val();
      $(".files").append("Files:"+form);
   });
  });
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form action="" method="post" enctype="multipart/form-data"&gt;
   &lt;input type="file" class="forms" value="" name="upload[]" multiple&gt;
    &lt;button type="submit"&gt;Upload!&lt;/button&gt;
&lt;/form&gt;
&lt;div class="files"&gt;&lt;/div&gt;
&lt;?php var_dump($_FILES);?&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>So when i drag and select the files and adds them then only the first value gets assigned to "div.files". So my question is how do i read the array of the files inside of it so i just don't get the first one?</p>

<p>Here is an image that displays the problem: <a href="http://i.stack.imgur.com/lOAvk.png" rel="nofollow">http://i.stack.imgur.com/lOAvk.png</a></p>
