jQuery экранирование HTML из текстовой области

Я хочу преобразовать теги HTML в имена объектов, взяв текст из textarea и поместив результат во второй textarea, чтобы:

<mytag>

становится

<mytag>

Я использую .html() и .text(), иду туда и обратно, ОК. Моя проблема связана с элементом textarea, который действует немного иначе.

Он отлично работает, если я сначала помещаю текст в div:

var htmlStr = $('#textareaInput').val(); //doesn't like .html() .text() ?
$('#dummy').text(htmlStr); // an object to hold the text that supports .html() 
$('#textareaOutput').val($('#dummy').html());

Но я хочу сделать что-то более простое:

var htmlStr = $('#textareaInput').val(); 
$('#textareaOutput').val($(htmlStr).html());

Я предполагаю, что моя проблема в том, что я не понимаю, как манипулировать объектами jQuery, такими как строки, без манипулирования элементами DOM, потому что сейчас я использую div, потому что у него есть метод .html().

Любая помощь будет фантастической!

Спасибо.