title: Change text on html button with class
body: <p>I have a button that i use to call code behind in my aspx file.  I am trying to change the text on the button to no avail.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;button class="radius button" runat="server" id="buttonUpload" onServerClick="buttonUpload_Click"               &gt;Execute SQL&lt;/button&gt;
  </code></pre>
  
  <p>Here is the javascript: </p>
  
  <pre><code>&lt;asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"&gt;
  &lt;%--&lt;asp:ScriptManager ID="scripman1" runat="server" EnablePageMethods="True"&gt;
  &lt;/asp:ScriptManager&gt;--%&gt;
  &lt;link rel="stylesheet" href="stylesheets/foundation.min.css"&gt;
  &lt;link rel="stylesheet" href="stylesheets/app.css"&gt;
  &lt;script src="javascripts/modernizr.foundation.js"&gt;&lt;/script&gt;
  
  &lt;style &gt;
      @import "css/datatables/demo_page.css";
      @import "css/datatables/demo_table.css";
       @import "Table Sorter/style.css";
  
  &lt;/style&gt;
  &lt;script type="text/javascript" src="js/tablesorter/jquery.tablesorter.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/vendor/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function () {
              $("#buttonUpload").text('Save');
          });
  </code></pre>
  
  <p>I have tried <code>$("#buttonUpload").html('Save')</code>.  Nothing seems to work.</p>