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

Question

У меня есть два поля выбора, 1-е заполнение с помощью chantiers и 2-е заполнение с помощью выражений uvrages. Эти две таблицы между ними относятся к отношениям. Я хочу, когда я выбираю chantier в 1-ом, выберите 2-й выбор, который вы должны заполнить выражениями шанти соответствует, но второй выбор дает мне неопределенное значение.

jQuery

<script type="text/javascript">
    $(document).ready(function () {
        $(document).on('change', '#chantier_id', function () {
            var chantier_id = $(this).val();
            var div = $(this).parent();
            var op = " ";
            $.ajax({
                type: 'get',
                url: "{{ route('salarie.select') }}",
                data: {
                    'id': chantier_id
                },
                success: function (data) {
                    console.log(data);
                    $("#ouvrage_id").empty();
                    $("#ouvrage_id").append("<option value='" + data.id + "'>" + data.ouvrage + "</option>");
                },
                error: function () {
                    console.log('success');
                },
            });
        });
    });
</script>

mois.blade. php

<select class="form-control" id="chantier_id">
    <option selected disabled>Select Location</option>
    @foreach($chantiers as $chantier)
    <option value="{{ $chantier->id }}">{{ $chantier->chantier}}</option>
    @endforeach
</select>
<select class="form-control" id="ouvrage_id">
    <option value="0" selected disabled>- Select -</option>
</select>

веб. php

Route::get('/select','SalarieController@select')->name('salarie.select'); 

SalarieController. php

public function select(request $request)
{
    $data = Ouvrage::select('ouvrage', 'id')->where('chantier_id', $request->id)->take(100)->get();
    return response()->json(['option' => $data]);
}