title: jquery: firing click() on input:file?
body: <p>I'm currently trying to restyle (eclipse) a fileupload element on my website with this <a href="http://www.quirksmode.org/dom/inputfile.html" rel="nofollow" title="quirksmode">reference</a>. All well and the result is promising, when I put the fileupload element below my new alternative image (as instructed on afore mentioned tutorial). Now I want to place the fileinput element somewhere else and bind a click function on the image to a click on the fileinput element to fire a file browser dialog. </p>
  
  <p>Alas the usual <code>$('input:file').click()</code> or  <code>$('input:file').trigger('click')</code> is not working. </p>
  
  <p>I'm also interested in other ways to fire a file dialog, without a file upload element (it is only for javascript processing, no upload to the server). </p>
  
  <p>Oh it does not need to work on any version of IE.</p>