プログラムで特別な意味を持たせたメタ文字をhtmlに単なる文字列として表示する場合、エスケープコード + 制御文字の組み合わせによるエスケープシーケンスが必要になります。下側のJavaScriptの表示もエスケープして「<pre><code></code></pre>」で囲んでいます。
メタ文字を含む文字列を入力
エスケープされた文字列
JavaScript
function escapeTextArea(){
var pre = $('<pre/>').text($('#rawText').val());
$('#escapedText').val(pre.html());
$('#result').text($('#rawText').val());
}