title: Form file input not properly resetting in IE11
body: <p>Consider the following example:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;&lt;/head&gt;
    &lt;body&gt;
      &lt;form id="test"&gt;
        &lt;input type="file"&gt;
      &lt;/form&gt;
    &lt;/body&gt;
    &lt;script type="text/javascript"&gt;
      function reset()
      {
        document.getElementById('test').reset();
      }
  
      function tell_me()
      {
        console.log( document.getElementById('test').getElementsByTagName('input')[0].value );
      }
    &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In most browsers (Chrome, Firefox tested) if you select a file with the input and run <code>tell_me</code> it'll give you the name of the file path that's been selected. If you run <code>reset</code> beforehand it'll reset the form and then have a blank value for <code>tell_me</code>.</p>
  
  <p>In IE11 this isn't the case, and although running <code>reset</code> will clear the input on the screen, <code>tell_me</code> will still show the file path.</p>
  
  <p>This is a problem because when that form is then submitted, in IE11 the file is still attached.</p>
  
  <p>I know I could destroy and re-create the DOM element to workaround this, but does anyone else know what the root cause is and a solution?</p>
  
  <p>Incidentally, for regular text inputs this isn't a  problem in IE11. Running reset and then grabbing their value gives the expected blank value.</p>
  
  <p><strong>No jQuery please!</strong></p>