title: Why innerHtml doesn't work
body: <p>Why doesn't <code>innerHtml</code> work?</p>
  
  <pre><code>&lt;script src="jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  function chat()
  {
      alert ("started!");
      document.getElementById("test").innerHtml="foo";
  }
  &lt;/script&gt;
  &lt;body id="body" onload="chat();"&gt;
  &lt;p id="test"&gt;
  test..
  &lt;/p&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>"started!" is showing, but the content of <code>&lt;p&gt;</code> doesn't get changed to <code>foo</code> as intended. Why?</p>