Document.createElement("br") not working with multiple calls to appendChild
<p><strong>HTML</strong>  </p>

<pre><code>var x = document.createElement("p");
var br1 = document.createElement('br');
var br2 = document.createElement('br');
var t5 = document.createTextNode("CSE");
var t6 = document.createTextNode("EEE");
x.appendChild(t5);
x.appendChild(br1);
x.appendChild(t6);
x.appendChild(br2);

document.getElementById("new").appendChild(x);
</code></pre>

<p>The output should look like</p>

<pre><code>CSE

EEE 
</code></pre>

<p>but now the output is <code>CSEEEE</code></p>