Jquery accordion question

[eluser]webscriptz.be[/eluser]
i'm using the jquery accordion plugin:

http://jqueryui.com/demos/accordion/#event-changestart

But I want a sub accordion and for one thing or another it doesn't seem to work:

Code:

[removed]
    $(function() {
        $("#accordion").accordion();
    });
    
    $(function() {
        $("#subaccordion").accordion();
    });

    [removed]

<div class="demo">

<div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div>
        <p>test</p>
    </div>
    <h3><a href="#">Section 2</a></h3>
    <div>
        <p>test</p>
    </div>
    <h3><a href="#">Section 3</a></h3>
    <div>
        <p>test</p>
        <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>
    <h3><a href="#">Section 4</a></h3>
    <div>        
        <div id="subaccordion">
    <h3><a href="#" style="clear:both">Section 41</a></h3>
    <div>
        <p>test</p>
    </div>
    <h3><a href="#">Section 42</a></h3>
    <div>
        <p>test</p>
    </div>
    <h3><a href="#">Section 43</a></h3>
    <div>
        <p>
        Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
        Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
        ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
        lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
        </p>
        <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>
    <h3><a href="#">Section 44</a></h3>
    <div>
        <p>
        Cras dictum. Pellentesque habitant morbi tristique senectus et netus
        et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
        faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
        mauris vel est.
        </p>
        <p>
        Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
        inceptos himenaeos.
        </p>
    </div>
</div>
    </div>
</div>

</div>&lt;!-- End demo --&gt;

can anybody help me?