title: Replace Browser Scrollbar with Custom Content Scroller
body: <p>I'm using the <a href="http://manos.malihu.gr/jquery-custom-content-scroller/comment-page-12/#comment-16939" rel="nofollow">jQuery custom content scroller</a> on my site and have all the files installed correctly. However, I would like this plugin to replace my default browser scrollbar and I'm having a difficult time making that happen.  Obviously, I would need to apply it to the overall HTML markup.</p>
  
  <p>To add this plugin to content the developer suggests the following:</p>
  
  <pre><code>&lt;script&gt;
      (function($){
          $(window).load(function(){
              $(".your-div-class-here").mCustomScrollbar();
          });
      })(jQuery);
  &lt;/script&gt;
  </code></pre>
  
  <p>So far, to apply it to the browser scrollbar, I've tried the code below and it hasn't worked:</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(
          function() {
              $("html").mCustomScrollbar();
          }
      );
  &lt;/script&gt;
  </code></pre>
  
  <p>Does anybody know what I'm doing incorrectly, or how I can make this code work on the browser?</p>