title: jQuery - Toggle .html text?
body: <p>Why won't this work?</p>
  
  <p><a href="http://jsfiddle.net/PdwJ6/" rel="noreferrer">http://jsfiddle.net/PdwJ6/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;a href="#" id="showMore"&gt;Before&lt;/a&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$('#showMore').click(function() {
  
  $(this).toggle(
  function () {
      $(this).html('&lt;a href="#"&gt;After&lt;/a&gt;');},
  function () {
      $(this).html('&lt;a href="#"&gt;Before&lt;/a&gt;');
  });
  });
  </code></pre>