dojo and dynamically added options to dijit.form.select

http://stackoverflow.com/questions/13932225/dojo-and-dynamically-added-options-to-dijit-form-select

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">
<script src="http://amd.egoworx.com/package/xstyle-0.0.5.js"></script>
<script src="http://amd.egoworx.com/package/put-selector-0.3.2.js"></script>
<script src="http://amd.egoworx.com/package/dgrid-0.3.3.js"></script>
<script src="http://amd.egoworx.com/package/data.js"></script>
<select
    id="select1"
    data-dojo-type="dijit/form/Select"
    style="width:150px;"
></select>
<input type="button" id="btnRemove" value="Remove Options">

CSS

html, body {
    width: 100%;
    height: 100%;
}

JavaScript

require([
    "dojo/ready",
    "dojo/_base/lang",
    "dijit/registry"
], function(
    ready,
    lang,
    registry
) {
    
option1 = {
        value: "o1",
        label: "option 1",
        selected: false
    };
    
option2 = {
        value: "o2",
        label: "option 2",
        selected: true
    };    
ready(function() {
    
    var select1 = registry.byId("select1"); 
        
    select1.addOption(lang.clone(option1));
    select1.addOption(lang.clone(option2));

}); 

document.getElementById("btnRemove").addEventListener("click",function(){
    var select1 = registry.byId("select1");
        
    select1.removeOption(lang.clone(option1));
    select1.removeOption(lang.clone(option2));
    
    select1.store = null;
    select1.set('value', '');
    select1._setDisplay("")
})

});