title: hide/show option in select using jQuery UI selectmenu
body: <p>I am using the jquery selectmenu plugin to display a nicely style select menu. I have three select menus, all options are hidden in the last two menus, when you select an option from menu one it shows the relevant options in menu two. The same thing happens for menu the two to three. Without the selectmenu plugin this works fine. Unfotunately with the select menu plugin it disapears and doesn't reappear.</p>
  
  <p>DEMO <a href="http://jsfiddle.net/GXtpC/1525/" rel="nofollow">http://jsfiddle.net/GXtpC/1525/</a></p>
  
  <pre><code>$(function(){            
      $('select').selectmenu({
          style:'popup'
      });
  
      $('.select1').on('change', function () {
          var parentId = $(this).children(":selected").attr("id");
          $('.all-opt').hide();
          $('.' + parentId).show();
      });
      $('.select2').on('change', function () {
          var parentIdReg = $(this).children(":selected").attr("data-id");
          $('.select3-option').hide();
          $('.' + parentIdReg).show();
      });
  
  }); 
  </code></pre>
  
  <p>Fully working without jQuery selectmenu plugin</p>
  
  <p>DEMO <a href="http://jsfiddle.net/GXtpC/1526/" rel="nofollow">http://jsfiddle.net/GXtpC/1526/</a></p>