Auto-Fill Fields When Selecting a Cheque Number in Laravel AJAX

Issue Description: I'm working on a Laravel application where I need to auto-fill related fields when a user selects a cheque_no from a dropdown. The selected cheque should fetch and populate Invoice No, Cheque Date, Bank Name, and Cheque Holder Name using AJAX.

However, the fields are not being populated when a cheque is selected. The AJAX request is being sent, but I'm not sure if the response is coming back correctly.

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>{{ trans('file.Invoice No') }}</label>
                                    <div class="input-group">
                                        <input type="text" id="reference_no" name="reference_no" class="form-control" placeholder="Invoice No" readonly>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>{{ trans('file.Cheque Date') }}</label>
                                    <div class="input-group">
                                        <input type="text" id="cheque_date" name="cheque_date" class="form-control" placeholder="Cheque Date" readonly>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>{{ trans('file.Bank Name') }}</label>
                                    <div class="input-group">
                                        <input type="text" id="bank_name" name="bank_name" class="form-control" placeholder="Bank Name" readonly>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>{{ trans('file.Cheque Holder Name') }}</label>
                                    <div class="input-group">
                                        <input type="text" id="cheque_holder_name" name="cheque_holder_name" class="form-control" placeholder="Cheque Holder Name" readonly>
                                    </div>
                                </div>
                            </div>
                        </div> <!-- End Row -->
                    </form>
                </div> <!-- End Card Body -->
            </div> <!-- End Card -->
        </div>
    </div>
</div>

public function getChequeDetails(Request $request) { $cheque = PaymentWithCheque::where('cheque_no', $request->cheque_no)->first();

if ($cheque) {
    $sale = Sale::where('id', $cheque->payment_id)->first();
    return response()->json([
        'reference_no' => $sale ? $sale->reference_no : null,
        'sale_id' => $sale ? $sale->id : null,
        'cheque_date' => $cheque->cheque_date,
        'bank_name' => $cheque->bank_name,
        'cheque_holder_name' => $cheque->cheque_holder_name,
    ]);
}

return response()->json(['error' => 'Cheque not found'], 404);

}

use App\Http\Controllers\ReturnChequeController;

Route::post('return-cheque/get-details', [ReturnChequeController::class, 'getChequeDetails'])->name('return-cheque.get-details');