Hello I want to show json data to select option in view, but it doesnt show and the search field is not clickable

here is my controller

public function loadNamaPengarang(Request $request)
{
    if ($request->has('q')) {
    $cari = $request->q;
    $data = DB::table('pengarang')->select('id', 'name')->where('name', 'LIKE', '%'. $cari .'%')->get();
    return response()->json($data);
} }   

Here is my HTML

<label class="col-sm-4 col-form-label" style="color: #452d3a;">Nama</label>
                                    <div class="col-sm-4">
                                        <select style="width:100%;" class="form-control carinamapengarang"
                                                id="namapengarang" name="search">
                                        </select>
                                </div>

And this is my javascript

$('.carinamapengarang').select2({
            tags: true,
            placeholder: 'Cari...',
            ajax: {
                url: "{{url('carinamapengarang')}}",
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.name,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            }
        });