jScrollPane error, is not a function
<p>I'm trying to use jScrollPane and always get a Javascript error "jScrollPane is not a function". My Header looks like this</p>

<pre><code>... 
&lt;link rel="stylesheet" type="text/css" href="assets/css/jquery.jscrollpane.css" media="all" /&gt;
&lt;link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ruda" media="all" /&gt;
&lt;script type="text/javascript" src="assets/js/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="assets/js/jquery.mousewheel.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="assets/js/jquery.jscrollpane.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="assets/js/script.js"&gt;&lt;/script&gt;
</code></pre>

<p>script.js contains this line of code:</p>

<pre><code>$(window).load(function() {
    $(function(){ $('.scrollbar').jScrollPane(); });
});
</code></pre>

<p>My div looks like this:</p>

<pre><code>&lt;div class="scrollbar"&gt;&lt;p&gt;...&lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>And has the following styles:</p>

<pre><code>.scrollbar {
    background: none repeat scroll 0 0 #FFFFFF;
    max-height: 550px;
    overflow: auto;
}
</code></pre>

<p>Whatever I tried, I keep getting this error and have absolutely no idea, how to get jScrollpane to function properly. Any help with this would be appreciated.</p>
