title: adding line breaks to array values javascript
body: <p>Here is my javascript array:</p>
  
  <pre><code>var quizArray = [
  'When the weather is agreeable what do you prefer to do the most?~Something outside...Obviously!~I tend to enjoy things that aren\'t dependent on weather.~Read, possibly outside if I can find my sunscreen.~Do what I always do, which is whatever I want.~Try something new, like Planking.~~~','It\'s a weeknight and friend invites you to an orchestra. You would?~Kindly refuse. It\'s just not my thing.~Go, unquestionably. I love all art forms.~Ask who the composer is, then read all about them before going.~Confuse Orchestra with Opera and begin singing in Latin.~Go if the tickets are free, otherwise no.~~~',]
  </code></pre>
  
  <p>When I load my html it won't display line breaks after each answer. I've tried adding a <code>.join(&lt;\br&gt;)</code> after split, but that breaks up every single word, here is the code I have:</p>
  
  <pre><code>function displayQuiz(ent, qnum) {
  
  perPage++;
  var qna = quizArray[qnum].split('~');
  var od = []; for (var i = 1; qna[i] != null &amp;&amp; qna[i] != ''; i++) od.push(i); od.sort( randOrd ); od.sort( randOrd ); 
  var newF = document.createElement("form"); 
  var newDq = document.createElement("div"); 
  newDq.className = 'question'; 
  newDq.appendChild(document.createTextNode(Number(qnum+1)+ ': ' +qna[0])); 
  newF.appendChild(newDq); 
  newDq = document.createElement("div"); 
  newDq.className = 'answers'; 
  for (var i = 1; qna[i] != null &amp;&amp; qna[i] != ''; i++) {var newDa = document.createElement("label"); newDa.htmlFor = 'a'+qnum+i; /*@cc_on @if (@_jscript) var newR = document.createElement("&lt;input name='a"+qnum+"'&gt;"); @else */ 
  var newR = document.createElement("input"); 
  newR.name = 'a'+qnum; /* @end @*/ 
  newR.type = 'radio'; 
  newR.id = 'a'+qnum+i; 
  newR.value = od[i-1]; 
  newDa.appendChild(newR); 
  newDa.appendChild(document.createTextNode(' '+qna[od[i-1]]+' ')); 
  newDq.appendChild(newDa);} 
  newF.appendChild(newDq); 
  document.getElementById('quiz'+perPage).appendChild(newF);
  }
  </code></pre>
  
  <p>I'll try my best to post additional info if needed. I did use this as a snippet and am very novice on Javascript. Not opposed to learning on my own but I've poured over the interwebs and cannot find my answer.</p>