Почему может не работать Ajax?

Question

[ImSoSorry]

Помогите разобратся, в чем проблема?
Пытаюсь вызвать php скрипт через ajax, после вставить полученный массив обратно в html, но что-то пошло не так.

JS

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

      <script type="text/javascript">
        $(function(){
         $('#form').submit(function(e){
            e.preventDefault();
            var data = $(this).serialize();
            $.ajax({
              type: "POST",
              url: "new.php",
              data: data,
              success: function(result){
                 $('#result').html(result);
              }
            });
         });
       });  
      </script>

HTML

<form id="form">
      <input type="text" name="text">
      <input type="submit">
</form>
<div id="result">
</div>

PHP (new.php)
var_dump($_POST);

Answer 1

[ImSoSorry]

Решил сам.

Решение:
Как оказалось в связке с bootstrap надо удалять подключемый бутстпрапом JS, он подключает CDN с урезанной версией JS в которой вырезана поддержка Ajax. (не заметил сразу т.к. подключает его в конце тем самым перекрывая то JS подключение которое я указывал)