Laravel - Data tidak muncul di Modal

Jadi ceritanya mau menampilkan data di modal setelah klik tombol show, tapi data tidak muncul cuma modal dialog.

Di dd() datanya muncul.

Route::get('/dashboard/contacts/{id}', [DashboardContactUsController::class, 'show'])->name('contacts.show')->middleware('auth');

public function show($id)
    {
        $contact = ContactUs::find($id);
        return response()->json($contact);
    }

<a href="javascript:void(0)" id="viewMessage" data-url="{{ route('contacts.show', $contact->id) }}" data-bs-toggle="modal" data-bs-target="#viewModal" class="btn btn-info">Show</a>

<div class="modal fade" data-bs-backdrop="static" id="viewModal" tabindex="-1" aria-labelledby="viewModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="viewModalLabel">Modal title</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <input type="text" id="id" name="id">
                <label for="name" id="name"></label>
                <label for="email" id="email"></label>
                <label for="message" id="message"></label>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
    $('body').on('click', '#viewMessage', function(){
        var contactURL = $(this).data('url');
        $.get(contactURL, function(data){
            $('#viewModal').modal('show');
            $('#id').text(data.id);
            $('#name').text(data.name);
            $('#email').text(data.email);
            $('#message').text(data.message);
        })
    });
});
</script>