title: Assigning value to <li> tag using its id displays me error in IE 6 and IE7
body: <p>Assigning value to <code>&lt;li&gt;</code> tag using its id displays me error in IE 6 and IE7,,</p>
  
  <p>Previously I was doing this:</p>
  
  <pre><code>document.getElementById("grandtotaldisplay").innerHTML = "TOTAL PRICE : $"+variable;
  </code></pre>
  
  <p>this throws me error in IE6 and IE7 as:
  <img src="https://i.stack.imgur.com/uomoQ.jpg" alt="alt text"></p>
  
  <p>Then I tried with jQuery library as suggested my others.. then also I was prompted with same error as displayed above.</p>
  
  <p>here is how I used the jQuery .html() 
  $("#grandtotaldisplay").html("TOTAL PRICE : $"+variable);</p>
  
  <p>I am facing this issue in IE6 and IE7</p>
  
  <p>How should I resolve it..please help.</p>
  
  <blockquote>
    <p><strong>Update</strong>
    below is the <code>&lt;li&gt;</code> tag where i need to place the required value using javascript</p>
  </blockquote>
  
  <pre><code>&lt;li class="bannerprice" id="grandtotaldisplay"&gt;TOTAL PRICE : $0&lt;/li&gt;
  </code></pre>