innerHTML replace does not reflect
I have HTML something like this

    <div id="foo">
    <select>
    <option> one </option>
    </select>
    </div>

when I use 

    document.getElementById('foo').innerHTML = document.getElementById('foo').innerHTML.replace("<option> one </option>", "<option> two </option>") ;

The innerHTML get replaced but it does not get reflected in the browser.

If I alert innerHTML I can see that it has been chnaged now but in the browser it still shows old option.

I there any way to make thisch change recognized ny the browser ?

Thanks in advance.
innerHTML replace does not reflect
===

I have HTML something like this

    <div id="foo">
    <select>
    <option> one </option>
    </select>
    </div>

when I use 

    document.getElementById('foo').innerHTML = document.getElementById('foo').innerHTML.replace("<option> one </option>", "<option> two </option>") ;

The innerHTML get replaced but it does not get reflected in the browser.

If I alert innerHTML I can see that it has been chnaged now but in the browser it still shows old option.

I there any way to make thisch change recognized ny the browser ?

Thanks in advance.