title: HTML tag that causes other tags to be rendered as plain text
body: <p>I'd like to add an area to a page where all of the dynamic content is rendered as plain text instead of markup. For example:</p>
  
  <pre><code>  &lt;myMagicTag&gt;
        &lt;b&gt;Hello&lt;/b&gt; World
    &lt;/myMagicTag&gt;
  </code></pre>
  
  <p>I want the <code>&lt;b&gt;</code> tag to show up as just text and not as a bold directive. I'd rather not have to write the code to convert every "&lt;" to an "<code>&amp;lt;</code>".</p>
  
  <p>I know that <code>&lt;textarea&gt;</code> will do it, but it has other undesirable side effects like adding scroll bars.</p>
  
  <p>Does myMagicTag exist?</p>
  
  <p><em>Edit:</em> A jQuery or javascript function that does this would also be ok. Can't do it server-side, unfortunately.</p>