Estou recebendo o erro "Faltou Definir a Mesa "

Javascript

$('.acao-finalizar').on('click', function() {
    $.ajax({
        url: 'http://cozinhapp.sergiolopes.org/novo-pedido',
        data: {
            mesa: $('#numero-mesa').val(),
            pedido: $('#resumo').text()
        },
        error: function(erro) {
           Materialize.toast(erro.responseText, 3000, 'red-text');
        },
        success: function(dados) {
            Materialize.toast(dados, 2000);

            $('#numero-mesa').val('');
            $('.badge').remove();
        }
    });
});

Html

    <div id="confirmacao" class="modal modal-fixed-footer">
        <div class="modal-content">
            <h5>Resumo do pedido</h5>
            <input id="numero-mesa" type="number" class="validate" placeholder="Número da mesa">
            <blockquote id="resumo"></blockquote>
        </div>
        <div class="modal-footer">
            <button class="btn deep-orange waves-effect waves-light modal-close acao-limpar acao-finalizar">Pedir</button>
            <button class="btn-flat waves-effect waves-red modal-close acao-limpar">Cancelar</button>
        </div>
    </div>

Erro http://cozinhapp.sergiolopes.org/novo-pedido?mesa=&pedido=Com+Nutella%3A+2%2C+De+Brigadeiro%3A+2%2C+ 400 (Bad Request)