title: Br not working inside P when using Jquery.html()
body: <p>I am trying to assign to <code>&lt;p&gt;</code> element a large amount of text, which includes some <code>&lt;br /&gt;</code> tags inside, as it's html. I am using the .html() method from JQuery, but it wont show the line breaks.</p>
  
  <p>My code:</p>
  
  <pre><code>var text = "Hello, this is a pretty &lt;br/&gt; large text with some &lt;br/&gt; line breaks inside"
  $('.container').append("&lt;p class='myPClass'&gt;&lt;p&gt;");
  $('.myPClass').html(text);
  </code></pre>
  
  <p>it does add the text as 'myPClass' html, but it totally ignores the <code>&lt;br/&gt;</code> tags.
  the result i am getting is:</p>
  
  <pre><code>&lt;p class='myPClass'&gt;Hello, this is a pretty large text with some line breaks inside&lt;/p&gt;
  </code></pre>
  
  <p>so it would look like:</p>
  
  <pre><code>"Hello, this is a pretty large text with some line breaks inside"
  </code></pre>
  
  <p>what i want my result to be:</p>
  
  <pre><code>&lt;p class='myPClass'&gt;Hello, this is a pretty &lt;br/&gt; large text with some &lt;br/&gt; line breaks inside&lt;/p&gt;
  </code></pre>
  
  <p>so it would look like:</p>
  
  <pre><code>"Hello, this is a pretty
  large text with some
  line breaks inside"
  </code></pre>
  
  <p>what is wrong with my code? or how can i get to do this?</p>