title: jQuery saving string with .text() + JSON and reading with .val() loses line breaks
body: <p>I'm sending and retrieving data to view it in a <code>&lt;textarea&gt;</code>.</p>
  
  <p><strong>sending:</strong></p>
  
  <pre><code>$.ajax({
             url: "./xxx/xxx",
             type: "POST",
             dataType: "json",
             data: JSON.stringify({
             text: $('#txtText').text(),
             xxx: $('#xxx').text()
          })
  </code></pre>
  
  <p><strong>retrieving</strong></p>
  
  <pre><code>if (data.d.Text != "") {
          $('#txtText').val(data.d.Text);
  }
  </code></pre>
  
  <p>The result is the correct text that was sent, but <strong>without</strong> line breaks. I need the line breaks displayed correctly.</p>
  
  <p>I've played around with <code>.text()</code>, <code>.html()</code> and <code>.val()</code> but couldn't figured it out.</p>
  
  <p><em><strong>I'm using jQuery 1.7.2</em></strong></p>