title: Adding options to a select and selecting one on internet explorer
body: <p>I have a select, and I am filling the options using javascript. Something like</p>
  
  <pre><code>    var select = document.getElementById("selectBox");
  
      for (var i = 0; i &lt; data.length; i++) {
          var option = document.createElement("option");
          option.innerHTML = data[i].name;
          option.value = data[i].id;
          select.appendChild(option);
      }
  </code></pre>
  
  <p>It works fine on Firefox and Chrome, but not on Internet Explorer. When I check the html generated on IE I see </p>
  
  <pre><code>    &lt;select id="selectBox"/&gt;
  </code></pre>
  
  <p>Is there something I can do for it to work on IE?</p>
  
  <p><strong>EDIT</strong> 
  After refreshing the html page on development tools(IE doesn't do this after the html change) I see that the options have been added, but there seems to be a problem assigning the value, I'm using</p>
  
  <pre><code>select.value = theValue;
  </code></pre>