title: jQuery render HTML as plain text w/ toggle (toggle is working fine, but cannot covert the HTML to text)
body: <p>Below is my current code. And it is working fine, but I need the .code class element to display as plain text and not render as HTML. </p>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>$(document).ready(function( ) {
   $('.code').hide();
   $('.codeLink').toggle(
      function() {    
     $(this).next('.code').fadeIn();
       $(this).addClass('close');
      },
      function() {
        $(this).next('.code').fadeOut();
          $(this).removeClass('close');
    }
  ); // end toggle
  });
  </code></pre>
  
  <p><strong>HTML:</strong> </p>
  
  <pre><code>&lt;a class="codeLink" style="margin-bottom: 10px; display: block;" href="#"&gt;Get The   Code&lt;/a&gt;
  &lt;div class="code"&gt;&lt;a class="benefitsQandA" href="#"&gt;Get an Instant Quote &amp;amp;    Apply&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This section of the .code class should display on the screen exactly like this (in other words not rendered as HTML just as text):</p>
  
  <pre><code>&lt;a class="benefitsQandA" href="#"&gt;Get an Instant Quote &amp;amp; Apply&lt;/a&gt;
  </code></pre>