title: Scrollbar not working after AJAX Loaded Content
body: <p>I am trying to load in a div using Ajax. The div does load in but the scrollbar that the div consists of is not working afterwards. </p>
  
  <p>I have a Main.html where i load content from other html's into</p>
  
  <pre><code>&lt;div id="content1" &gt; &lt;/div&gt;
  </code></pre>
  
  <p>I load the content like this:</p>
  
  <pre><code>$("#content1").load("home.html");
  
       $("#home, #product, #submit2").click(function(){
           if(this.id == "home"){
               $("#content1").load("home.html");
           }
  
           if(this.id == "product"){
               $("#content1").load("product.html");
           }
  </code></pre>
  
  <p>the content of home.html looks like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          (function($){
              $(window).load(function(){
  
                  $.mCustomScrollbar.defaults.scrollButtons.enable=true; //enable scrolling buttons by default
                  $.mCustomScrollbar.defaults.axis="yx"; //enable 2 axis scrollbars by default
  
                  $("#content-m").mCustomScrollbar({theme:"minimal"});
  
              });
          })(jQuery);
      &lt;/script&gt; 
  
  
  &lt;div id="content-m" class="content"&gt;
                  //bla bla...
      &lt;/div&gt;
  </code></pre>
  
  <p>The scrollbar does work when not loaded with AJAX. So I am sure that is not the problem. </p>
  
  <p>Can any one help me make my scrollbar work with Ajax? </p>