title: innerHTML replace does not reflect
body: <p>I have HTML something like this</p>
  
  <pre><code>&lt;div id="foo"&gt;
  &lt;select&gt;
  &lt;option&gt; one &lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>when I use </p>
  
  <pre><code>document.getElementById('foo').innerHTML = document.getElementById('foo').innerHTML.replace("&lt;option&gt; one &lt;/option&gt;", "&lt;option&gt; two &lt;/option&gt;") ;
  </code></pre>
  
  <p>The innerHTML get replaced but it does not get reflected in the browser.</p>
  
  <p>If I alert innerHTML I can see that it has been changed now but in the browser it still shows old option.</p>
  
  <p>Is there any way to make this change recognized by the browser ?</p>
  
  <p>Thanks in advance.</p>