.load не работает в jQuery при нажатии кнопки

Question

Я пытаюсь загрузить файл PHP, когда человек нажимает на кнопку, вот мой код:

HTML:

<div class="card-body" style="background-color:#1f1f1f;">

</div>

<button id="power-on-phone" type="button" class="btn btn-primary">
        <i class="fas fa-power-off"></i>
</button>

JQUERY:

<script>
    $(document).ready(function(){
        $("#power-on-phone").click(function(){
            $(".card-body").load("phoneHome.php");
        });
    });
</script>

Если кто-то нажимает кнопку «Включение телефона», он предполагает загрузку файла PHP внутри .card-body, но этого не происходит.

Когда я go в режиме разработчика, нажав F12, я увидел ошибку, которая показывает:

Может кто-нибудь сказать мне что я делаю не так?

РЕДАКТИРОВАТЬ:

Это версия jQuery Я использую:

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

Какие находится в теге