How to preselect first element in Dijit.form.FilteringSelect?

http://stackoverflow.com/questions/12639511/how-to-preselect-first-element-in-dijit-form-filteringselect

HTML

<script src="http://amd.egoworx.com/jsfiddle-dojo-require.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.3/dijit/themes/claro/claro.css">
<div>
    <div id="filteringSelectContainer"></div>
    <div id="buttonContainer"></div>
</div>

JavaScript

require([
    "dojo/store/Memory",
    "dijit/form/FilteringSelect",
    "dijit/form/Button",
    "dojo/domReady!"
], function(
    Memory,
    FilteringSelect,
    Button
) {

    var store = new Memory({
        data: [
            {name:"Alabama", id:"AL"},
            {name:"Alaska", id:"AK"},
            {name:"American Samoa", id:"AS"},
            {name:"Arizona", id:"AZ"},
            {name:"Arkansas", id:"AR"},
            {name:"Armed Forces Europe", id:"AE"},
            {name:"Armed Forces Pacific", id:"AP"},
            {name:"Armed Forces the Americas", id:"AA"},
            {name:"California", id:"CA"},
            {name:"Colorado", id:"CO"},
            {name:"Connecticut", id:"CT"},
            {name:"Delaware", id:"DE"}
        ]
    });
    
    var filteringSelect = new FilteringSelect({
        id: "stateSelect",
        name: "state",
        value: "CO",
        searchAttr: "name",
        store: store        
    }, "filteringSelectContainer");    
    
    new Button({
        label: "Change Options",
        onClick: function(){
            var selectWidget = dijit.byId("stateSelect");
            // Clear value since options are changing.
            selectWidget.set("value", ""); 
            var store = selectWidget.get("store");
            var newData = [{name: "None", id: "none"}];
            // Give underlying store new data array.
            store.setData(newData);
        }
    }, "buttonContainer");
});