title: set innerHTML to variable
body: <p>So I have this code as the body of an HTML file...</p>
  
  <pre><code>&lt;body&gt;
  &lt;ol&gt;
  &lt;li id="x1"&gt; Item 1 &lt;/li&gt;
  &lt;li&gt; Item 2 &lt;/li&gt;
  &lt;/ol&gt;
  
  &lt;script type="text/javascript"&gt;
  var ds = "new text";
  document.getElementById("x1").innerHTML = ds;   
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>But for some reason, the innerHTML line isn't changing "Item 1" to "new text." Not sure what's wrong here.</p>
  
  <p>EDIT: I'm using Firefox version 10.0.02, no errors are coming up in the console, and this is the only thing that's using that ID on the page.</p>