title: Trigger onserverclick without physically clicking button
body: <p>I want to abstract the file-browse dialog from the user and only show one button for upload, like so:</p>
  
  <pre><code>&lt;input type="button" id="uploadFile" value="Upload" /&gt; 
  &lt;div class="hidden"&gt;
      &lt;form id="uploadFileForm" method="post" enctype="multipart/form-data"&gt;
          &lt;input type="file" id="browseForFiles" /&gt;
          &lt;input type="button" id="submitFile" value="Submit File" runat="server" 
                 onclick="return true;"
                 onserverclick="SubmitFile_Click" /&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p> 
  
  <pre><code>$("#uploadFile").click(function () {
      // trigger hidden file dialog
      $("#browseForFiles").click(); // works
  });
  
  $("#browseForFiles").change(function () {
      $("#submitFile").click(); // doesn't work; doesn't call onserverclick
  });
  </code></pre>
  
  <p>Physically clicking on the <code>submitFile</code> button works fine and calls the server-side method, but since I want the actual server-side button to be hidden, the user can't physically click it. <strong>How do you fake a physical click in jQuery/Javascript?</strong></p>
  
  <p><strong>EDIT :</strong><br>
  I also tried:</p>
  
  <pre><code>&lt;input type="submit" id="submitFile" value="Submit File" runat="server" 
         onclick="return true;"
         onserverclick="SubmitFile_Click" /&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>$("#uploadFileForm").submit(); // doesn't work either
  </code></pre>