セクションをDIVで囲んだjQuery UIアコーディオン

私は、ここで概説されているように、アコーディオンを正常に実装しましたが、divの各セクションをラップしたいと思います。私の構造は次のようになります：

<div id="accordion">
<div class="wrap">
Header 1
<div>Collapsible content 1</div>
</div><!-- end wrap -->
<div class="wrap">
Header 2
<div>Collapsible content 2</div>
</div><!-- end wrap -->
<div class="wrap">
Header 3
<div>Collapsible content 3</div>
</div><!-- end wrap -->
</div>

Is this possible using the accordion functionality provided in jQuery UI? As of now, if I try to build it this way, it attempts to treat the <div class="wrap"> as the section header.