Сохранить исходное значение в поле ввода и получить новое значение, когда пользователь меняет значение AJAX

Question

Создание laravel приложения, и это мой сценарий. Я отображаю ранее сохраненное значение из базы данных в таких формах, как

<input id="phone" name="phone" type="text" value="{{ $user->phone }}" class="validate">

И извлекаю значения, используя ajax, например,

<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    var phone = $('input[name="phone"]').val();
    var options = {
        "amount": "100",
        "notes": {
            "order_phone" : phone,
        },
        "handler": function (response){
            $.ajax({
            type: "POST",
            url: "{{ route('payment') }}",
            dataType: "json",
            data: {
                "id": response.id,
            },
            success: function (r) {
                console.log(response);
            }
        })  
        },
    };
</script>

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

Пожалуйста, объясните мне, как получить заново введенное или измененное значение из ввода, используя ajax.