title: Safari display: none
body: <p>Safari just doesn't open element if I hide it using css property <code>display: none</code>! It works in all other browsers though.</p>
  
  <p>Here is my html:</p>
  
  <pre><code>&lt;div id="f" class="btn"&gt;Select Image&lt;/div&gt;
  &lt;input type="file" id="file" style="display:none;" name='athletes_imageid'  value="" /&gt; 
  </code></pre>
  
  <p>Now in my jquery I want to open the <code>id="file"</code> by clicking on that "Select Image" <code>&lt;div&gt;</code>:</p>
  
  <pre><code>$("#f").click(function() {
      $("#file").click();
  });
  </code></pre>