Ajax отправка формы игнорируется

Question

В настоящее время я работаю над проектом, который состоит из веб-сайта чата. У меня есть форма (для добавления кого-то в друзья через его имя), созданная в javascript, и я хочу отправить ее через ajax, но моя отправка ajax вообще игнорируется. Странно, потому что за день до того, как все заработало, после отправки я проверил базу данных и все было в порядке. На следующий день, когда я проснулся и снова протестировал форму, она была сломана, и URL-адрес отображался в месте URL-адресов :)), несмотря на то, что я использовал ajax. Я не получил ответа от базы данных, потому что функция отправки была проигнорирована. Что мне делать? Вот мой проект https://github.com/Alex-dev02/letschat проблема в основном. js файле, который прикреплен к индексу. php. Мой главный. js содержание:

let mainList = document.createElement("div");
mainList.classList.add("mainList");

let addFriendForm = document.createElement("form");
addFriendForm.id = "FriendForm";
// my ajax submision
$('#FriendForm').submit(function(){
  $.ajax({
    url: '../letschat/Functions/createUserRelation.php',
    type: 'POST'
  });
});

let addFriendField = document.createElement("input");
addFriendField.classList.add("addFriend");
addFriendField.placeholder = "Add a friend";
addFriendField.type = "text";
addFriendField.name = "addFriend";
addFriendField.autocomplete = "off";
addFriendForm.appendChild(addFriendField);

mainList.appendChild(addFriendForm);

body.appendChild(mainList);