title: How do I change the ID of a HTML element with JavaScript?
body: <p>I am modifying the ID of an HTML <code>div</code> element client side with JavaScript. The following code works OK in Internet Explorer but not in Firefox/2.0.0.20. It does work in more recent versions of Firefox.</p>
  
  <pre><code>document.getElementById('one').id = 'two';
  </code></pre>
  
  <p>Can anyone tell me:</p>
  
  <ol>
  <li>Why this doesn't work in FireFox.  </li>
  <li>How to make this work in FireFox.</li>
  </ol>
  
  <p>To clarify, I'm changing the element ID to reference a different style in an external style sheet. The style is applied in IE but not in FF.</p>