Form Dropdown not Recording

I made a form with some input fields and a dropdown menu and although it is functioning properly, the information from the dropdown is not getting recorded with the other information when I submit.

Am I missing something in my code?

<perch:form id="get-quote-form" method="post" app="perch_forms" role="form">

    <div class="form-label"><perch:label for="Company Name">Company Name</perch:label></div>
    <div class="input-large"><perch:input id="CompanyName" type="text" required="true" label="Company Name" /></div>

    <div class="form-label"><perch:label for="Email">Email</perch:label></div>
    <div class="input-large"><perch:input id="Email" type="email" required="true" label="Email" /></div>

    <section class="input-small"><div class="form-label"><perch:label for="State">State</perch:label></div>
        <select id="state" required="true" label="State" name="State"> 
            <option value="x" id="x">x</option>
            <option value="FL" id="FL">FL</option>
            <option value="GA" id="GA">GA</option>
            <option value="PA" id="PA">PA</option>
            <option value="VA" id="VA">VA</option>
    </select>
    </section>

    <div class="form-label"><perch:label for="Description">Brief Description of your Business</perch:label></div>
    <div class="input-message"><perch:input id="Description" type="textarea" required="true" label="Description" /></div>

    <perch:input type="submit" id="submit2" value="Submit" />

    <perch:success>
        <div class="alert success">
        <perch:content id="success" type="textarea" size="m" label="Thank You Message" markdown="true" editor="simplemde" required="true" />
        </div>
    </perch:success>

</perch:form>