Почему выходит ошибка Uncaught ReferenceError: $ is not defined?

Question

hakimi1 @hakimi1

JavaScript

Почему выходит ошибка Uncaught ReferenceError: $ is not defined?

При клике на квадратик, в форме пункт "Место: " должна появиться цифра. Но почему то Jquery не подключается.
Форма:

<h1>Выберите место</h1>
    <div id="seat">
        <div id="seat1"></div>
        <div id="seat2"></div>
    </div>
    <form id="buyForm" action="" method="post">
        <input type="hidden" name="flight_id" value="$ticket['id']">
        <div><h3>Оформление билета</h3></div>
        <div><p>Фамилия:</p><input type="text" name="surname"></div>
        <div><p>Имя:</p><input type="text" name="name"></div>
        <div><p>Паспорт:</p><input type="text" name="pass"></div>
        <div><p id="seatform">Место:</p></div>
        <input id='placephp' type="hidden" name="place" >
        <div><p >Тариф:</p><select id="seatsel" name='rate'>
                <option value="biz">Бизнесс</option>
            </select></div>
        <div><p id="priceOUT">Цена:</p></div>
        <div><button id="buybutton">Купить</button></div>
        <input type="hidden" name="action" value="buy">
        <input id='price'type="hidden" name="price" value="echo $ticket['price']">
    </form>
    <script src="{{ asset('js/jquery-3.6.0.min.js') }}" defer></script>
    <script src="{{ asset("js/js.js") }}" defer></script>

JS:

$(document).ready(function(){
    let div;
    let option;
    let finalprice;
    {
        for(let i=1;i<=20;i++){
            div = document.createElement('div');
            div.className = "seatPB";
            div.id=i;
            div.innerHTML=i;
            $('#seat1').append(div);
        }
        for(let i=21;i<=70;i++){
            div = document.createElement('div');
            div.className = "seatP";
            div.id=i;
            div.innerHTML=i;
            $('#seat1').append(div);
        }
        for(let i=71;i<=90;i++){
            div = document.createElement('div');
            div.className = "seatPB";
            div.id=i;
            div.innerHTML=i;
            $('#seat2').append(div);
        }
        for(let i=91;i<=140;i++){
            div = document.createElement('div');
            div.className = "seatP";
            div.id=i;
            div.innerHTML=i;
            $('#seat2').append(div);
        }
    }
    {
        $('seat').style.width='1360px';
        for(let i=1;i<=20;i++){
            div = document.createElement('div');
            div.className = "seatPB";
            div.id=i;
            div.innerHTML=i;
            $('#seat1').append(div);
        }
        for(let i=21;i<=79;i++){
            div = document.createElement('div');
            div.className = "seatP";
            div.id=i;
            div.innerHTML=i;
            $('#seat1').append(div);
        }
        for(let i=80;i<=100;i++){
            div = document.createElement('div');
            div.className = "seatPB";
            div.id=i;
            div.innerHTML=i;
            $('#seat2').append(div);
        }
        for(let i=101;i<=158;i++){
            div = document.createElement('div');
            div.className = "seatP";
            div.id=i;
            div.innerHTML=i;
            $('#seat2').append(div);
        }
    }
    $('.seatPB').click(function(event) {
        for(let i=1;i<=140;i++){
            $('#'+i).removeClass('active');
        }
        $(this).addClass('active');
        i=event.target.id;
        $('#seatform').text('Место: '+i);
        $('#seatsel').empty();
        option = document.createElement('option');
        option.value='Бизнесс';
        option.innerHTML='Бизнесс';
        $('#seatsel').append(option);
        finalprice=$('#price').val()*3;
        $('#priceOUT').text('Цена: '+finalprice+'₽');
        $('#placephp').val(i);
    });
    $('.seatP').click(function(event) {
        for(let i=1;i<=140;i++){
            $('#'+i).removeClass('active');
        }
        i=event.target.id;
        $(this).addClass('active');
        $('#seatform').text('Место: '+i);
        $('#seatsel').empty();
        option = document.createElement('option');
        option.value='Эконом';
        option.innerHTML='Эконом';
        $('#seatsel').append(option);
        option = document.createElement('option');
        option.value='Эконом+';
        option.innerHTML='Эконом+';
        $('#seatsel').append(option);
        finalprice=$('#price').val()*1;
        $('#priceOUT').text('Цена: '+finalprice+'₽');
        $('#placephp').val(i);
    });

    $('#seatsel').change(function(){
        if ($('#seatsel').val()=='Эконом'){
            finalprice=$('#price').val()*1;
            $('#priceOUT').text('Цена: '+finalprice+'₽');
        }else{
            finalprice=$('#price').val()*2;
            $('#priceOUT').text('Цена: '+finalprice+'₽');
        }
    });
});