[jQuery] - Problème saut de lignes

Bonjour,

Je rencontre des difficultés pour ré-afficher un texte provenant d'un textarea.

Voici mon textera :

<textarea id="text" name="text" cols="30" rows="7">
Saut de 
ligne
</textarea>

Ma récupération en jQuery :

var description = $("#text").val();

Et lorsque je tente d'afficher la variable description dans mon html, le navigateur m'affiche :
"Saut de ligne"

et non pas :
"Saut de
ligne"

Mon code jQuery :

$("p").html(description);

Merci d'avance pour votre aide