Jquery .serialize() не обрабатывает значение выпадающего списка?

Я думаю, что это должно быть просто, но по какой-то причине все значения моей формы прекрасно сериализуются, кроме выбранного значения выпадающего списка, форма находится ниже:

<form id="contactform">
    <label for="name">Name</label> 
    <input type="text" id=name name=name placeholder="First and last name" tabindex="1" />

    <label for="phonenumber">Phone Number</label> 
    <input type="text" id=phonenumber name=phonenumber placeholder="Please enter your phone number" tabindex="2" />

    <label for="email">Email</label> 
    <input type="text" id=email name=email placeholder="example@domain.com" tabindex="3" />

    <label for="dropdown">Please Confirm:</label> 
        <select>
            <option value="question" selected="selected">I have a question</option>
            <option value="attending">I am attending</option>
            <option value="not-attending">I am not attending</option>
        </select>


    <label for="comment">Your Message</label>
        <textarea name="comment" id=comment name=comment placeholder="Enter something here, can't think" tabindex="5"></textarea> 

    <input name="submit" type="submit" id="submit" tabindex="6" value="Send Message"/>

</form>

и вот как я ее сериализую:

$('#contactform').submit(function() {
    var query = $(this).serialize();

    $.ajax({
        type: "POST",
        url: "send.php",
        data: query,
        success: function(data) { // rest of function

и, наконец, бит PHP, который я использую для установки значения в качестве переменной:

$dropdown     = $_POST['dropdown'];

Пример заголовка AN: name=sgrggr&phonenumber=55555555&email=me%40me. com&comment=quick+test, поэтому я застрял на том, почему выпадающее значение не подхватывается.

Спасибо за помощь.