title: How to change the text of a Bootstrap 3 button with jQuery?
body: <p>How to retrieve button text inside tag button?</p>
  
  <p>Example HTML:</p>
  
  <pre><code>&lt;button type="button" class="btn btn-danger" id="dislikes" value="notThisValue"&gt;DISLIKES&lt;span class="glyphicon glyphicon-thumbs-down"&gt;&lt;/span&gt;&lt;/button&gt;
  </code></pre>
  
  <p>My jQuery:</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function(){
      $('#dislikes').click(function() {
          $("#dislikes").val('Hello World');
      })
  });
  </code></pre>
  
  <p>I need to change the text <strong>DISLIKES</strong> to <strong>YOU DISLIKE IT</strong>. My jQuery has to change the inner text of the button not the value "notThisValue".</p>