title: jQuery toggle full class name
body: <p>I am trying to toggle the class name of an icon in jQuery.</p>
  
  <p>I'm using the font-awesome library, and it only replaces the initial "fa" in my class, here is my jsfiddle</p>
  
  <pre><code>$('[name="caret"]').click(function() {
      $(this).toggleClass('fa fa-caret-up fa-1x');
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/XrGU8/159/" rel="nofollow">JSFiddle</a></p>