Repeaters in Forms

I am trying to have an editor-controlled form with a repeater in it. It is for a job application form, which will have a different number of questions and different questions for each job. I have the following code:

<perch:form id="contact" method="post" app="perch_forms">

    <div>
        <perch:label for="name">Name</perch:label>
        <perch:input type="text" id="name" required="true" label="Name" />
        <perch:error for="name" type="required">Please add your name</perch:error>
    </div>

    <div>
        <perch:label for="email">Email</perch:label>
        <perch:input type="email" id="email" required="true" label="Email" placeholder="you@company.com" />
        <perch:error for="email" type="required">Please add your email address</perch:error>
        <perch:error for="email" type="format">Please check your email address</perch:error>
    </div>

    <perch:repeater id="formfields" label="Application Form Fields">

         <div>
        <perch:label for="message"><perch:content id="question" type="textarea" label="Application Question" markdown="true" editor="markitup" imagewidth="640" imageheight="480" /></perch:label>
        <perch:input type="textarea" id="message" required="true" label="Message" />
        <perch:error for="message" type="required">Please answer this question</perch:error>
    </div>

    </perch:repeater>





    <div>
        <perch:input type="submit" id="submit" value="Send" />
    </div>

    <perch:success>
        <perch:content id="success" type="textarea" label="Thank you message" markdown="true" editor="markitup" />
    </perch:success>
</perch:form>

I am only getting the last repeater submitting and appearing in the forms app. I am not sure where I am going wrong. The fields are appearing on the site correctly.

Thanks

Mike