title: Writing TR and TD tags as Inner HTML of a DIV / TD
body: <p>I am writing a table inside a DIV using the JavaScript innerHTML property</p>
  
  <pre><code>listing.innerHTML += '&lt;table&gt; &lt;tr&gt;&lt;td&gt;&lt;img src='+ pic + friends[a].split("|")[1] + '/picture"' + ' class="pic" /&gt;&lt;/td&gt;'; 
  
  listing.innerhtml += '&lt;td class="name"&gt;' + friends[a].split("|")[0] + "&lt;/td&gt;";
  
  listing.innerHTML += "&lt;td&gt;&lt;button id='add' onclick=write() /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;";
  </code></pre>
  
  <p>To the div with the ID 'listing' , the content is written without the table tags i.e. <code>&lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;</code>.</p>
  
  <p>i.e. the required content appears but is not formatted as an HTML Table. When I look at the source in a browser, the TR and TD and closure tags for the same are missing.. Any idea why? I am using Chrome.</p>