title: Cannot click hidden button by JavaScript
body: <pre><code>function openEditDialog(){
      window.showModalDialog('/atmew/pages/asset/searchInclude/assetEdit.mew');
      document.getElementById('reData').click();
      alert('after rerender');
  }
  </code></pre>
  
  <p>then there is a button:</p>
  
  <pre><code>&lt;a4j:commandLink id="edit" action="#{searchController.openAssetEdit}" 
      oncomplete="openEditDialog()" immediate="true" ajaxSingle="true"&gt;
      &lt;h:graphicImage url="/images/edit_icon.png" &lt;/h:graphicImage&gt;
      &lt;f:param name="arId" id="arId" value="#{vo.assetReceiving.id}"/&gt;
  &lt;/a4j:commandLink&gt;
  </code></pre>
  
  <p>The Other button</p>
  
  <pre><code>&lt;a4j:commandButton id="reData" reRender="data_grid" style="visibility: hidden;" onclick="javascript:alert('rerender clicked');"&gt;&lt;/a4j:commandButton&gt;
  </code></pre>
  
  <p>the reData button does not get clicked. The console of IE does not show any message. How is this caused and how can I solve it?</p>