title: UI jquery selectMenu
body: <p>I use UI jquery select menu (jQuery UI - v1.12.1 ) but I need to add search div within it this my code Html please i need 2 question .</p>
  
  <p>1- I want when click selectmenu to show search, which call("sh")div that included in select menu 
   2- how  can  I add (nicescroll jquery.nicescroll 3.2.0) to selectmenu instead of default scroll ?</p>
  
  <pre><code>&lt;div action="#" class="search-bar fl-sm"&gt;
               &lt;div id="sh" style="height:50px;width:180px;position:absolute; top:40px; z-index:1;background-color:#f00;display:none"&gt;    search&lt;/div&gt;
  
          &lt;select name="number" id="city" id="currency-menu" &gt;
  
              &lt;option selected="selected"&gt;Select your City&lt;/option&gt;  
          &lt;option &gt;elryad&lt;/option&gt;
          &lt;option&gt;cairo&lt;/option&gt;
          &lt;option&gt;alex&lt;/option&gt;
          &lt;option&gt;tunis&lt;/option&gt;
          &lt;option&gt;paris&lt;/option&gt;
          &lt;option&gt;ismali&lt;/option&gt;
          &lt;option&gt;emrat&lt;/option&gt;
          &lt;option&gt;oman&lt;/option&gt;
          &lt;option&gt;jda&lt;/option&gt;
          &lt;option&gt;england&lt;/option&gt;
          &lt;option&gt;london&lt;/option&gt;
          &lt;option&gt;france&lt;/option&gt;
          &lt;option&gt;knda&lt;/option&gt;
          &lt;option&gt;dubi&lt;/option&gt;
          &lt;option&gt;mansoura&lt;/option&gt;
          &lt;option&gt;unan&lt;/option&gt;
          &lt;/select&gt;
          &lt;span class="glyphicon glyphicon-chevron-down arcity" aria-hidden="true" &gt;&lt;/span&gt;
          &lt;/div&gt; 
  </code></pre>
  
  <p>I add this css to show scrol</p>
  
  <pre><code>    &lt;style&gt;
          .overflow {
          height: 200px;
          }
      &lt;/style&gt;
  </code></pre>
  
  <p>here js </p>
  
  <pre><code>  $( "#city" )
              .selectmenu()
              .selectmenu( "menuWidget" )
              .addClass( "overflow" );
  $("#city").click(function(){
  $("sh").show();    
  </code></pre>
  
  <p>})</p>