title: JQuery selectmenu set selected index on change
body: <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>