title: getElementById and innerText only changes one, not all
body: <p>I have searched up and down for days, no luck.  Please help.  This projec will only be used in IE7, it has a text box that you enter your name, and onclick should populate that name into all the spans.  this is where I am at, but it only changes the first span.</p>
  
  <p>Please Help.  Thank you.</p>
  
  <pre><code>&lt;form&gt;
  &lt;input id="i" value="My_Name"&gt;
  
  &lt;input type="button" value="Enter" 
  
  onClick="document.getElementById('initials').innerText= i.value;"&gt;
  &lt;/form&gt;
  
  
  &lt;span id="initials"&gt;name&lt;/span&gt;
  &lt;br /&gt;
  &lt;span id="initials"&gt;name&lt;/span&gt;
  &lt;br /&gt;
  &lt;span id="initials"&gt;name&lt;/span&gt;
  &lt;br /&gt;
  &lt;span id="initials"&gt;name&lt;/span&gt;
  </code></pre>