Post with AJAX not working

Maybe this is a very common topic, but i can't find any solution!, the app i'm developing is under Laravel 5.0, i need to send some data from jquery ajax to a laravel controller, i've followed this tutorial to post data using ajax, i've followed the steps and made the global configuration, so that i have a meta with the csrf token, when i send the post request to a url using ajax, it sends the data (i know it because the headers data has the values sent) but the controller function is not triggered.

Here's my form:

<meta name="_token" content="{!! csrf_token() !!}"/>

...

{!! Form::open(array('url'=>'/reservacion/paso-uno/enviar','method'=>'POST', 'id'=>'reservacion-paso-uno')) !!}
<label for = "cantidadpersonas" >Cantidad de personas</label >
    <input id = "personas" type = "text" placeholder = "#" >
    <br ><br ><br >

    <label for = "comidas" >Seleccione los platillos que desea reservar</label >
    <br ><br ><br >

    <div id = "comidas" class = "owl-carousel owl-theme" >

        @foreach($platos as $plato)
            <a class = "item opcion comida" >
                <p class = "hidden" >{{ $plato->id }}</p >
                    <img id = "{{ $plato->id }}" class = "img"
                    src = "{{ asset('club/img/gallery/gallery1.jpg') }}" alt = "{{ $plato->nombre }}" >
            </a >
        @endforeach
    </div >
    <br ><br ><br >

    <div id = "bebidas" class = "owl-carousel owl-theme" >
        @foreach($bebidas as $bebida)
            <a class = "item opcion bebida" >
                <p class = "hidden" >{{ $bebida->id }}</p >
                    <img id = "{{ $plato->id }}" class = "img"
                        src = "{{ asset('club/img/gallery/gallery2.jpg') }}"
                        alt = "{{ $bebida->nombre }}" >
            </a >
        @endforeach
    </div >
    <br ><br >
    {!! Form::button('Siguiente', ['id'=>'siguiente']) !!}
{!! Form::close() !!}

Here's the post route:

    Route::post('/reservacion/paso-uno/enviar', [
        'as' => 'publicPostReservacionPasoUno',
        'uses' => 'ReservacionCtrl@pasounoPost'
    ]);

Here's the post function in the controller:

    public function pasounoPost()
    {
        dd(\Request::all(),\Request::method(),Request::ajax());

    }

And here's the jquery ajax post event

$.ajaxSetup({
            headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
        });

$("#siguiente").click(function (event) {
    event.preventDefault();

    ...

    var request = $.ajax({
        url: '/reservacion/paso-uno/enviar',
        method: 'post',
        data: {bebidas: bebidas_json, comidas: comidas_json, '_token': $('input[name=_token]').val()},
        success: function(data){
                    console.log(data);
                }
        });

});

The situations vary depending on some configurations:

When i add a button with a click event, it sends the data (i verified it in the formData of the headers), but it doesn't reach the controller's function so that nothing happens...
When i add a submit with a submit event, the event is not the fired one, instead the form sends only the inputs of the form; i mean the data i get in jquery isn't sent.