jquery-mobile - jQuery iScrollView ライブラリを使用した複数のスクロールバー

Question

2 つのスクロール可能な div を並べて配置したいのですが、次の html はクラス "ui-block-a" のみで最初の div のスクロールバーを生成しています。

    <div class="ui-grid-b" style="height:100%;margin-bottom:40px;">
        <div data-iscroll="" data-role="content" class="ui-block-a" style="padding-left:40px; padding-right:40px;width:29.95%; max-height:900px;">
            <div data-role="collapsible" data-theme="a" data-content-theme="a" data-collapsed="false">
               <h3>Heading 1st Div</h3>    
               Data in 1st Div
            </div>
        </div>
        <div data-iscroll='{"resizeWrapper" : false}'  class="ui-block-b" style="width:68%; padding-left:4%; padding-right:2%; max-height:900px;">
            <div data-role="collapsible" data-theme="a" data-content-theme="a" data-collapsed="false">
               <h3>Heading 2nd Div</h3>
               Data in 2nd Div
            </div>
        </div>
    </div>