title: Safari on iOS 9 does not trigger click event on hidden input file
body: <p>I have a website with an upload field, but the <code>input</code> is hidden with <code>display: none;</code> and I have a <code>div</code> for calling this action.</p>
  
  <p>It worked on iOS 8, but now after the iOS 9 update, nothing happens when I touch in the div.</p>
  
  <p>I've tried using the <code>[0].click()</code> or pure VanillaJS like <code>document.getElementById('file_input').click()</code> and nothing works.</p>
  
  <p>All these methods work between iOS 5 and iOS 8.</p>
  
  <p><strong>If you want, link to this example on JSFiddle:</strong> <a href="https://jsfiddle.net/o1r265tz/6/embedded/result/" rel="noreferrer">https://jsfiddle.net/o1r265tz/6/embedded/result/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
  
    $(document).on('click touchstart', '.upload-box', function(e){
      e.stopPropagation();
      $('.form-upload input.file-input').trigger('click');
  
      $('.debug').append('&lt;p&gt;Clicked!&lt;/p&gt;');
      console.log('Clicked!');
      return false;
    });
  
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.upload-box {
    border: 3px solid #999;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    font-size: 35pt;
    font-family: Arial;
    color: #555;
  }
  .form-upload {
    display: none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="upload-box"&gt;Click here to upload =D&lt;/div&gt;
  
  &lt;form class="form-upload" enctype="multipart/form-data"&gt;
    &lt;input class="file-input" id="file_input" type="file"&gt;
  &lt;/form&gt;
  
  &lt;div class="debug"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>