title: jQuery: Change button text on click
body: <p>After seeing <a href="https://stackoverflow.com/questions/13148093/toggling-button-text-in-jquery">Toggling button text in jquery</a> this question, I tried to re create it in my situation but can't seem to have it work.</p>
  
  <p>Here is a fiddle of what I've done: <a href="http://jsfiddle.net/V4u5X/" rel="noreferrer">http://jsfiddle.net/V4u5X/</a></p>
  
  <pre><code>$('.SeeMore2').click(function(){
      var $this = $(this);
      $this.toggleClass('SeeMore');
      if($this.hasClass('.SeeMore2')){
          $this.text('See More');         
      } else {
          $this.text('See Less');
      }
  });
  </code></pre>
  
  <p>It seems to only ever run the if statement once. What am I missing?</p>