JQuery selectmenu set selected index on change
<p>I am trying to set the selected index of a select box / <a href="http://wiki.jqueryui.com/w/page/12138056/Selectmenu" rel="nofollow">selectMenu</a> on <em>change</em> back to the first option.</p>

<p>Here is my code so far</p>

<pre><code>    $obj = $("&lt;select class='class1' /&gt;");
    $obj.append("&lt;option value='-1' selected='selected' class='icon1'&gt;default&lt;/option&gt;");
    $obj.append("&lt;option value='0' class='icon2'&gt;opt1&lt;/option&gt;");
    $obj.append("&lt;option value='1' class='icon2'&gt;opt2&lt;/option&gt;");
    $obj.append("&lt;option value='2' class='icon2'&gt;opt3&lt;/option&gt;");

    $("#container").append($obj);
    $obj.selectmenu({
        transferClasses: true,
        icons: [
            {find: '.icon1', icon: 'ui-icon-flag'},
            {find: '.icon2', icon: 'ui-icon-plus'}
        ],
        change: function(){
            // doesn't work $(this).find("option:first").attr("selected","selected");
            // doesn't work $(this).selectedIndex = 0;
            // doesn't work $(this).val(-1);
            // doesn't work $(this).val("-1");
            // doesn't work $(this).val("");
        }
    });
</code></pre>

<p>Look at this <a href="http://jsfiddle.net/rlemon/GXtpC/85/" rel="nofollow">Fiddle</a>, The top dropdown menu I have altered. If you change the value, and re-open the dropdown menu the selected value 'jumps' to the one i changed it to. I want it to be there once i select any value.</p>
