Como copiar conteudo de div para clipboard com quebras de linhas?

Seguinte, vi um script no site stackoverflow

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
function copyToClipboard(element) {
 var $temp = $("<input>");
 $("body").append($temp);
 $temp.val($(element).text()).select();
 document.execCommand("copy");
 $temp.remove();
alert('Agora e so colar!');
}
</script>
<div id="div1">Linha1

Linha3</div>
<div id="div2">Caixa de texto 2</div>
<button onclick="copyToClipboard('#div1')">Copy P1</button>
<button onclick="copyToClipboard('#div2')">Copy P2</button>
Mas quando sai o resultado fica assim Linha1Linha2Linha3, como fazer para ter quebra de linha conforme o alinhamento do conteúdo da div? Pois ja tentei com <br> e \n e também trocando tag div por tag textarea, mas não obtive resultado