title: Open 'Choose file' window onclick on anchor link (Skip the click on 'Choose file' button)
body: <p>I have an anchor <code>a.add_input</code> link which is responsable of adding (via jQuery) a <code>file</code> input field to the current document. The input is appended to a list of other file input fields (Multiple file uploads in the context of a OneToMany relationship).</p>
  
  <p>The final result looks like this:</p>
  
  <pre><code>&lt;input type="file" id="1" name="..."&gt;
  &lt;input type="file" id="2" name="..."&gt;
  &lt;input type="file" id="3" name="..."&gt;
  &lt;input type="file" id="4" name="..."&gt;
  &lt;a href="#" class="add_input"&gt;Add an input&lt;/a&gt; 
  </code></pre>
  
  <p>As you know, the file input field is rendered with a button that pops up a window. The window allows user to choose  a file. I want to hide that button to end user and allow him to see the window directly after click on anchor. But I additionnally need that the file is linked to its specific input file(a server side code requires it). </p>
  
  <p>I know that maybe I have two issues within this post, but I see them as one issue.</p>
  
  <p>Can someone please correct me or give insights on how to do it? your help is much appreciated.</p>