title: Problem using click() on input[type=file]
body: <p>I'm having a problem with the <code>click()</code> functon. It does not work in Opera.</p>
  
  <p>I am trying to make a <code>input type=file</code> clicked on <code>onclick</code> event of another element. I need to style my input <code>type=file</code> element so I made it invisible and replaced it with simple styled button. Now I want file element to be clicked when button is clicked.</p>
  
  <p>I can't use jQuery because I am using the MooTools library for a calendar in my page and it makes conflict when I try to use jQuery. I also tried to avoid the conflict using <code>jQuery.noConflict();</code> but I could not do it because I am new to jQuery. Here is my html code: </p>
  
  <pre><code>&lt;input name="myfile" id="uploadme" type="file" style="visibility:hidden; width:1px;" onchange="this.form.submit()"/&gt;
  &lt;input type="button" id="clickme" onclick="show_upload()"/&gt;
  </code></pre>
  
  <p>And here is my JavaScript code:</p>
  
  <pre><code>function show_upload()
  {
      document.getElementById('uploadme').click();
  }
  </code></pre>
  
  <p>I also tried this jQuery code but I could not make it work without conflict with the MooTools library:</p>
  
  <pre><code>jQuery.noConflict();
  (function($){
      $('#clickme').click(function($){
          $('#uploadme').click();
      })(jQuery);
  });
  </code></pre>