title: Destroy an iScroll object
body: <p>I create an iScroll object:</p>
  
  <pre><code>this.bodyScroll = new IScroll('body', {
                  scrollbars: true
              });
  </code></pre>
  
  <p>The scroller appears in the DOM. </p>
  
  <p>The I try to destory it:</p>
  
  <pre><code>this.bodyScroll.destroy();
  </code></pre>
  
  <p>But the scroller is still visiable and in the DOM. Then when I create the iScroll object again, I now have 2 scrollers in the DOM. How do I destroy and remove from DOM?</p>