title: Javascript to change li tag text
body: <p>I am using the following HTML:</p>
  
  <pre><code>&lt;li id="item1" data="icon: 'base.gif', url: 'page.htm', target: 'Page'"&gt;Item 1 Title&lt;/li&gt;
  </code></pre>
  
  <p>I am trying to change the <strong>Item 1 Title</strong> part to something else.</p>
  
  <p>I have tried using:</p>
  
  <pre><code>document.getElementById("item1").innerHTML = "Item was changed";
  </code></pre>
  
  <p>but had no luck. Even tried using:</p>
  
  <pre><code>document.getElementById("item1").value = "Item was changed";
  </code></pre>
  
  <p>but still no luck.</p>
  
  <p>I am only wanting to change the text and leave eveything else the same.</p>
  
  <p>Am I doing something wrong?</p>