title: ASP.net button onserverclick only works when onclick isn't defined
body: <pre><code>    protected void btnNext_Click(object sender, EventArgs e)
      {
          btnNext.InnerHtml = "CLICK";
      }
  
      &lt;button type="submit" runat="server" onserverclick="btnNext_Click" id="btnNext"&gt;Next &amp;gt;&lt;/button&gt;
  </code></pre>
  
  <p>This works fine, but when I add an onclick event:</p>
  
  <pre><code>&lt;button type="submit" runat="server" onserverclick="btnNext_Click" onclick="return checkForm();" id="btnNext"&gt;Next &amp;gt;&lt;/button&gt;
  </code></pre>
  
  <p>And in the head:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      function checkForm() {
  
          if (document.getElementById("&lt;%=lstChooseSpec.ClientID %&gt;").value) {
              return true;
          } else {
              $.jGrowl("&lt;strong&gt;Warning!&lt;/strong&gt;&lt;br /&gt;Please select an item", { sticky: true });
              return false;
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>It submits the form, but doesn't change the buttons text to 'CLICK'.  The text only changes to 'CLICK' when the onclick() isn't defined, although the form is still submitting!</p>