title: open file upload dialog on click
body: <p>I have to open file upload dialog by clicking some other button i.e i am hiding file upload control(visibility:hidden) and on clicking of some other button i want to open that dialog.
  Below is the code which i am having:</p>
  
  <pre><code>&lt;input type="file" style="visibility: hidden;" /&gt;
  </code></pre>
  
  <p>Below is the javascript:</p>
  
  <pre><code>$('#button').click(function() {
      $('input[type=file]').click();
  });
  </code></pre>
  
  <p>It is working fine in Firefox 4 and IE8 but in chrome12 it is not working i.e the dialog is not being opened. Any idea why?</p>