table inside a jquery accordion

Question

I want to wrap a table in a jquery accordion like this...

<div class="accordion">
    <h3>Room Flow</h3>
    <div>
        <table>
            <tr>
                <td>contained content</td>
            </tr>
        </table>
    </div>
</div>

The output however is different. The accordion divs a re rendered above the table like this...

<div class="accordion">
    <h3>Room Flow</h3>
    <div>

    </div>
</div>
<table>
    <tr>
        <td>contained content</td>
    </tr>
</table>

The tables are displayed via a partialview. The accordion divs are in the parent view. This is in an asp.net mvc razor project.

edit: I need to mention that when I remove the tables, the accordion works.

Answer 1

I solved the issue. I was using extra wrapper while getting results. I will post code in some time.