title: call blockUI on button onclick
body: <p>I'm trying to call an blockUI after a buttonclick, but I can't get it to work.
  What am I doing wrong?</p>
  
  <p>Script:</p>
  
  <pre><code>    $(function() {
          $('#&lt;%= btnSave.ClientID %&gt;').click(function(e) {   
              e.preventDefault();   
              $.blockUI({   
                  message: '&lt;div&gt;&lt;h1&gt;&lt;img src="Images/busy.gif" /&gt;   Please wait...&lt;/h1&gt;',
                  css: { textAlign: 'center', border: '3px solid #aaa', padding: '10px, 0px, 0px, 0px' , verticalalign: 'middle' }  
              }); 
              var btn = document.getElementById("ctl00_ContentPlaceHolder1_btnHidden");
              btn.click();                 
          }); 
      }); 
  </code></pre>
  
  <p>Button:</p>
  
  <pre><code>&lt;asp:Button ID="btnSave" runat="server" Text="Save" CssClass="button" Width="200" /&gt;
  </code></pre>