TypeError: $.ajax is not a function

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script>
    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
</script>

<script>
    $(document).ready(function(){
        $(document).on('click','#checkAvailablity',function(e){
            e.preventDefault();
            let domain_name = $('#domain_name').val();
            $.ajax({
                url:"{{ route('order-form.check-availablity') }}",
                method:'post',
                data:{domain_name:domain_name},
                success:function(res){
                },
            });
        })
    });
</script>