jScrollPane Doesn't Work inside the other div

[Rizki Fahrizal]

hello there,

i use jscrollpane inside another div but it doesn't work, here is the code :

<link rel="stylesheet" type="text/css" media="screen"  href="/website/static/css/jquery.jscrollpane.css">
<!-- the jScrollPane script -->
<script type="text/javascript" src="/website/static/js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="/website/static/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="/website/static/js/mwheelIntent.js"></script>
<script type="text/javascript">
 $(function(){
  $('.scrollPane').jScrollPane();
});
</script>

<div class="col-md-6" style="font-family:Arial, Helvetica, sans-serif; font-size:14px;">
                  <h2><?php echo $this->input("subline2", ["width" => 307]); ?></h2>
                <div class="scrollPane">
                    <p><?php echo $this->wysiwyg('description1');?></p>
                </div>
                </div>

if the div with class scrollpane not inside another div, it's work. The question is how to make it jscrollpane work inside another div.

Thank