title: jQuery Change Value of Clicked button with $(this) selector
body: <p>I am trying to update the text of a button when it is clicked. I have a number of buttons with the same class but no id. Why doesn't <a href="http://jsfiddle.net/qU5tR/7/" rel="nofollow">this</a> work? </p>
  
  <pre><code>&lt;input type="button" class="add-button" value="Default" /&gt;
  &lt;input type="button" class="add-button" value="Default" /&gt;
  &lt;input type="button" class="add-button" value="Default" /&gt;
  &lt;input type="button" class="add-button" value="Default" /&gt;
  
  $(document).ready(function() {
      $('.add-button').click(function() {
          alert('clicked');
          $(this).html('Changed');
      });
  });​
  </code></pre>
  
  <p>The alert is triggered, but the button isn't changed.</p>