title: innerHTML append in IE9
body: <p>I have a page that simply tries to do the following in a javascript function:</p>
  
  <pre><code>document.getElementById("chatTable").innerHTML += "&lt;tr&gt;&lt;td colspan=\"3\"&gt;      ⏎
      &lt;span color=\"purple\"&gt;------------Switched to channel: " + channelName +  ⏎
      "------------&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;";
  </code></pre>
  
  <p>This works in every other browser I have tried (Firefox, Chrome, Safari, Android phone browsers, iPhone browsers) but not in IE9. Yes, I do have a table with the ID <code>chatTable</code> and the <code>channelName</code> variable is indeed set. I understand I may be able to actually append a table row using the DOM for the Table Object (I think its <code>insertRow()</code> or something) but now it has just became a matter of principle, and its been driving me nuts. I have tried changing the <code>+=</code> to just <code>=</code> and no luck. I also tried setting the table to its own variable in javascript and THEN trying to edit the innerHTML and still no luck. Oh and I do have: </p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  </code></pre>
  
  <p>in my page. What am I doing wrong?!</p>