title: Remove/destroy Nicescroll bar from element (integration with JQuery MultiSelect)
body: <p>I have added a <code>NiceScroll</code> bar to a div:</p>
  
  <pre><code>$("#div-name").niceScroll();
  </code></pre>
  
  <p>How can I remove/destroy it?</p>
  
  <p>I have tried the following, but it doesn't work:</p>
  
  <pre><code>$("#div-name").getNiceScroll().stop();
  </code></pre>
  
  <p>The following is also not a solution:</p>
  
  <pre><code>$("#div-name").getNiceScroll().resize();
  $("#div-name").getNiceScroll().hide();
  </code></pre>
  
  <p><strong>EDIT: I found the problem! When adding <code>NiceScroll</code> to divs that are automatically generated by the <a href="https://github.com/ehynds/jquery-ui-multiselect-widget" rel="noreferrer">JQuery Multiselect</a> plugin, on iPad I have some visualization problems on other <code>NiceScroll</code> divs. So it's probably an issue relating to the integration of the two plugins(<code>NiceScroll</code> and <code>JQuery</code> <code>MultiSelect</code>).</strong></p>