title: Empty file input from .clone()
body: <p>I'm trying to clone a file input form, which every time I select a file <em>then</em> click "add more" to clone the file input, but it has copied the selected file in the input.</p>
  
  <pre><code>&lt;input type="file" /&gt;
  &lt;span id="add-more-files"&gt;Add more&lt;/span&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$('#add-more-files').click(function()
  {
     var cloned = $(this).prev().clone();
     $(cloned).insertBefore($(this));
  });
  </code></pre>
  
  <p>Demo: <a href="http://jsfiddle.net/tH4HG/" rel="nofollow noreferrer">jsFiddle</a>.</p>
  
  <p>Now whenever you select a file before cloning the previous, you can see it has the same file selected, I need it to be empty when cloned.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>How would I be able to clone this, referring to <a href="https://stackoverflow.com/questions/5598613/empty-file-input-from-clone/5598685#5598685">Neal's answer</a>?</p>
  
  <pre><code>&lt;div class="wrap"&gt;&lt;input type="file /&gt;&lt;/div&gt;
  &lt;span id="add-more-files"&gt;Add more&lt;/span&gt;
  </code></pre>