title: Call change event in IE8 on <input file> programmaticaly
body: <p>Primefaces 5</p>
  
  <p>I have <code>&lt;input type="file" class="ui-fileupload-choose&gt;</code> in code to upload the files. This <code>input</code>-Tag is generated automatically from a PrimeFaces component <code>&lt;p:fileUpload&gt;</code>. 
  I want to hide the button for <code>input</code> element and use my own styled button for upload. </p>
  
  <p>So this is the styled button. </p>
  
  <pre><code>&lt;input type="button" onclick="$('#formId\\:uploaderId .ui-fileupload-choose input').click();"&gt;
  </code></pre>
  
  <p>This does function in FF, Chrome and IE9, 10, 11. 
  But in IE8 nothing happens in upload phase. The "choose file" dialog is shown. The generated <code>input file</code> has JQuery change event. I believe that this event will not be called, because if I click on <code>input file</code> button it goes in all browsers.</p>
  
  <p>I've tried </p>
  
  <pre><code>&lt;input type="button" onclick="$('#formId\\:uploaderId .ui-fileupload-choose input').click(); #formId\\:uploaderId ui-fileupload-choose input').trigger('change');"&gt;
  </code></pre>
  
  <p>but it doesn't help. </p>
  
  <p>Also I've tried </p>
  
  <pre><code>$('#formId\\:uploaderId .ui-fileupload-choose input').change(function () {
      // Cause the change() event
      // to be fired in IE8 et. al.
      //some checks against recursion.
       alert("I'm in change");
      $('#formId\\:uploaderId .ui-fileupload-choose input').change();               
  });
  </code></pre>
  
  <p>The function in change is called but it doesn't help either.</p>
  
  <p>What can I do in this situation ?</p>