Новая строка в Textarea для преобразования в

Здесь много тем о преобразовании br /> или сохранении новой строки на разных языках, но немного о textarea.

У меня есть этот сценарий:

var boxText = "";
$("textarea.BoxText").live('dblclick', function () {
    boxText = $(this).val().replace(/ /g, "<br/>");
  $(this).replaceWith( '<div class="BoxText">' + $(this).val() + '</div>' );

});
$("div.BoxText").live('dblclick', function () {
  $(this).replaceWith( '<textarea form="HTML" class="BoxText">' + boxText + '</textarea>' );
});

У меня есть редактируемый элемент textarea. Когда пользователь дважды щелкает по нему, он преобразуется в div. Однако в div новые строки не сохраняются. Я хотел бы преобразовать только новые строки в
, в настоящее время все пробелы конвертируются. У меня есть второй сценарий, который преобразует его обратно в текстовое поле, следовательно, и переменную для хранения строки. Мне также нужно преобразовать
в новые строки.

Это может показаться излишним, но у меня для этого есть веская причина.