title: .innerHTML not working in IE
body: <p>Im working on a select box that populates based on another select box in an onChange event. It works great in every browser but IE. </p>
  
  <pre><code>function getVersion(str){
  if (str==""){
      document.getElementById("vSelect").innerHTML="&lt;option value=''&gt;Please Select a product&lt;/option&gt;";
  return;
  }
  
  if (window.XMLHttpRequest){
  xmlhttp=new XMLHttpRequest();
  } else {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function(){
      if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200) {
      document.getElementById("vSelect").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","includes/version.php?product="+str,true);
  xmlhttp.send();
  }
  </code></pre>
  
  <p>It changes this </p>
  
  <pre><code>&lt;label&gt;Version: &lt;/label&gt;
  &lt;select id='vSelect'&gt;
      &lt;option value=''&gt;Please Select a product&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>in IE when the onchange fires it just clears out the text of the select. Any Ideas? I am trying to do this without loading a library. </p>