De nouvelles lignes dans le texte dans un div

J'ai un petit problème lié à quand je place un texte chargé via ajax appel.

Je prends le contect à partir d'un textarea et de le stocker dans ma base de données et lorsque je veux afficher le texte dans un div, il ne respecte pas les nouvelles lignes, de sorte que tout le texte est continu.

Le code suivant montre un petit exemple:

JS:

$(function() {
    $('.buttonA').click(function() {
        $('.message').html($('textarea[name="mensaje"]').val());
    });
});

CSS:

.message {
    width:300px;
    height:200px;
}

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<textarea name="mensaje" class="new_message_textarea" placeholder="enter message..."></textarea>
<button class="buttonA">Enter</button>
<div class="message"></div>

Si vous tapez du texte avec ces quelques lignes, une fois que vous cliquez sur le bouton, le texte est de montrer dans le div et de voir que les nouvelles lignes ne sont pas les montrer.

Comment puis-je résoudre ce problème?

InformationsquelleAutor domoindal | 2012-07-10