Contact Form not working

Hi all,

I manage to get the form to validate and submit but it doesn't show up in the forms add-on. Any ideas?

Here's the code:

<p><perch:content id="heading" type="text" label="Heading" required="true" /></p>
<div class="form-contact">
    <div class="required">
        <p>( <span style="color:red">*</span> fields are required )</p>
    </div>
    <perch:form id="contactForm" method="post" app="perch_forms" role="form">
        <div class="row">
            <div class="col-md-6">
                <div class="row control-group">
                    <div class="form-group col-xs-12 controls">
                        <perch:label>Name<span>*</span></perch:label>
                        <perch:input class="form-control" placeholder="Name" id="name" type="text" label="Name" required="true"/>
                        <p class="help-block"></p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row control-group">
                    <div class="form-group col-xs-12 controls">
                        <perch:label>Email Address<span>*</span></perch:label>
                        <perch:input class="form-control" placeholder="Email Address" id="email" type="email" label="Email Address" required="true"/>
                        <p class="help-block"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row control-group">
            <div class="form-group col-xs-12  controls">
                <perch:label>Phone Number</perch:label>
                <perch:input class="form-control" placeholder="Phone Number" id="phone" type="tel" label="Phone Number"/>
                <p class="help-block"></p>
            </div>
        </div>
        <div class="row control-group">
            <div class="form-group col-xs-12 controls">
                <perch:label>Message<span>*</span></perch:label>
                <perch:input class="form-control" placeholder="Message" id="message" type="textarea" label="Message" required="true"/>
                <p class="help-block"></p>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="form-group col-xs-12">
                <perch:input class="button btn-lg" type="submit" id="submit" value="Send"/>
            </div>
        </div>
        <perch:success>
        <div align="center" class="alert-success alert">
        <perch:content id="success" type="textarea" size="m" label="Thank you message" markdown="true" editor="simplemde" required="true"/>
        </div>
        </perch:success>
    </perch:form>
</div>