Tengo este pequeño html -:

<div id="viewOne"></div>
<textarea id="viewTwo"></textarea>
<button id="copyToDiv" value="Copy to Div"></button>

Este es mi fragmento de Jquery:

$("#copyToDiv").on("click",function(){ $("#viewOne").html( $("#viewTwo").val() ) });

Pero se tira denew line characters de val de textarea y lo que obtengo es una cadena con nuevas líneas eliminadas. ¿Cómo puedo conservar las nuevas líneas al configurar el html de div. Muchas gracias por la ayuda :)