foundation tabs

<div class="row">
    <div class="large-12 columns">
        <div class="section-container auto" data-section="auto">
            <c:set var="panelNumber" value="1" />
            <c:forEach var="domain" items="${mona.domains}">
                <section>
                    <p class="title" data-section-title>
                        <a href="#panel${panelNumber}">${domain.description}
                    </p>
                    <div class="content" data-section-content>
                        <p>
                            <c:forEach var="question" items="${domain.questions}">
                                <mqt:question questionName="${question.questionName}"
                                    questionType="${question.questionType}"
                                    questionText="${question.questionText}"></mqt:question>
                            </c:forEach>
                        </p>
                    </div>
                </section>
                <script>
                    $(function() {
                        $(document).foundation('section',
                                'reflow');
                    });
                </script>
                <c:set var="panelNumber" value="${panelNumber + 1}" />
            </c:forEach>
            <section>
                <p class="title" data-section-title>
                    <a href="#panel1">Agreement Disagreement</a>
                </p>
                <div class="content" data-section-content>
                    <p>Agreement Disagreement</p>
                </div>
            </section>
            <section>
                <p class="title" data-section-title>
                    <a href="#panel12">Signature</a>
                </p>
                <div class="content" data-section-content>
                    <p>Signature oot!</p>
                </div>
            </section>
            <section>
                <p class="title" data-section-title>
                    <a href="#panel13">MONA Allocation</a>
                </p>
                <div class="content" data-section-content>
                    <p>MONA Allocation</p>
                </div>
            </section>
        </div>
    </div>
</div>