Membuat Dependent Dropdown Laravel 6

Saya mau membuat dependent dropdown menggunakan laravel 6 dan ajax, saya mendapati sebuah error dimana dropdown selanjutnya tidak tampil

transaksi.blade.php

@extends('layouts.main')
@section('title', $title)
@section('content')
    <div class="card m-3">
        <div class="card-body">
            <h3 class="card-title text-center">Input Data Transaksi</h3>
            <div class="container-fluid">
                <form action="{{url('/transaksi/store')}}" method="post">
                    {{csrf_field()}}
                    <div class="row">
                        <div class="col-6 text-center">
                            <label for="">Kategori</label>
                        </div>
                        <div class="col-4">
                            <select class="form-control form-control-sm" name="kategori" id="kategori">
                                <option value="" disabled selected>---Pilih Kategori---</option>
                                @foreach($kategori as $key => $value)
                                <option value="{{$key}}">{{$value}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6 text-center">
                            <label for="">Barang</label>
                        </div>
                        <div class="col-4">
                            <select class="form-control form-control-sm" name="barang" id="barang">
                                <option value="" disabled selected>---Pilih Barang---</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        jQuery(document).ready(function (){
            jQuery($('#kategori')).on('change',function(){
                var kategoriID = jQuery(this).val();
                if(kategoriID)
                {
                    jQuery.ajax({
                        url : '/transaksi/getBarang/' +kategoriID,
                        type : "GET",
                        dataType : "json",
                        success:function(data)
                        {
                            console.log(data);
                            jQuery($('#barang')).empty();
                            jQuery.each(data, function(key,value){
                            $($('#barang')).append('<option value="'+ key +'">'+ value +'</option>');
                            });
                        }
                    });
                }
                else
                {
                    $($('#barang')).empty();
                }
            });
        });
    </script>
@endsection

TransaksiController.php

public function index()
    {
        $transaksi = TransaksiModel::all();
        $params   = [
            'title' => 'Transaksi',
            'transaksi' => $transaksi
        ];

        return view('transaksi', $params);
    }

    public function create(Request $request)
    {
        $data = KategoriModel::pluck('nama_kategori', 'id_kategori');

        $params = [
            'title' => 'Tambah Transaksi',
            'kategori' => $data
        ];
        return view('transaksiTambah', $params);
    }

    public function getBarang($id)
    {
        $data = BarangModel::where('id_kategori',$id)->pluck('nama_barang', 'id_barang');

        return response()->json($data);
    }

Web.php

Route::get('/transaksi/tambah', 'TransaksiController@create');
Route::get('/transaksi/getBarang/{id}', 'TransaksiController@getBarang');

Error

Cuplikan layar dari 2021-03-23 10.33.54.jpeg