title: div jspVerticalBar missing inside the jspContainer
body: <p>In my current web project Im trying to change the scrollbar with a lib called <a href="http://jscrollpane.kelvinluck.com/index.html" rel="nofollow">jScrollPane</a>.</p>
  
  <p>The script applies and generates the jspContainer, but the div jspVerticalBar ist  missing. First I thought the script got problems when its loaded in with .load. But I placed the script tag in the view.html that is getting loaded in.</p>
  
  <p>Another problem is when I go to another view and return to the front page, the script generates a wrong width of the container. Is is so small that the content of the container gets invisible by the overflow:hidden.</p>
  
  <p>Does anyone got an idea why this happens? Did I do something wrong? Can you please help me out with this?</p>
  
  <p>Here are all informations you may need:</p>
  
  <pre><code>@import url("sbar.css"); /*in main.css*/
  
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;window.jQuery || document.write('&lt;script src="js/vendor/jquery-1.10.2.min.js"&gt;&lt;\/script&gt;')&lt;/script&gt;
  &lt;script src="js/plugins.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/mwheel.js"&gt;&lt;/script&gt;
  &lt;script src="js/vendor/jscrollpane.js"&gt;&lt;/script&gt;
  &lt;script src="js/main.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  $(document).ready(function() {
      $(".scroll-pane").jScrollPane(); // in startseite.html
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The live example: <a href="http://robert-richter.com/boilerplate4/" rel="nofollow">Link</a></p>