title: HTML5 / JS - Display multiple file input in div
body: <p>I am using HTML5's wonderful 'multiple' file select feature.</p>
  
  <pre><code>&lt;input type="file" id="fileInput" onChange="runTest()" multiple&gt;
  </code></pre>
  
  <p>I would like to display the selected filenames below the input field and make it look pretty with CSS, however...</p>
  
  <p>If I run a test JS function, that 'alerts' me of the input field's value, it only shows one file regardless of me selecting 10.</p>
  
  <pre><code>function runTest() {
  var fileInput = document.getElementById('fileInput').value;
  alert("You selected: "+fileInput);
  }
  </code></pre>
  
  <p>I was doing this for when I had a 'single' file input field and worked okay but now it's 'multiple', it doesn't like it.</p>
  
  <p>Any suggestions?</p>