title: JSON in HTML with line breaks
body: <p>I have some Javascript on my page that makes an ajax call which returns some JSON data.</p>
  
  <p>With the result I do this:</p>
  
  <pre><code>results = JSON.stringify(data, undefined, 2);
  console.log(results);
  $('.box').append(results);
  </code></pre>
  
  <p><code>.box</code> is just an empty div.</p>
  
  <p><code>console.log(results)</code> gives me an indented result with linebreaks but the data in <code>.box</code> is just all in one line.</p>
  
  <p>How can I make sure that the result in <code>.box</code> is also on multiple lines and indented?</p>