Insert data

Bonjour chers confrères,
Je sollicite votre aide en JS/ajax. Je développe un site en HTML/PHP (et un peu de jQuery et d'ajax) et Bootstrap 4.
Mon problème est que quand je souhaite envoyer un formulaire, ma fonction ajax n'est plus appelée ou ne fonctionne plus. (avant que je restylise en bootstrap 4, ça marchait).

Mon form

<form id="form_fact" action='' method=''>
     <input type="hidden" id="date_fact" name="date_fact" value="<?php echo $lastDateOfMonth ?>">
     <input type="hidden" id="num" name="num" value="<?php echo $_POST['mois'].''.$_POST['annee'] ?>">
     <input type="hidden" id="total_ffb" name="total_ffb" value="<?php echo $total_ffb ?>">
     <input type="hidden" id="total_glob_pb" name="total_glob_pb" value="<?php echo $total_glob_pb ?>">
     <input type="hidden" id="total_glob_rr" name="total_glob_rr" value="<?php echo $total_glob_rr ?>">
     <input type="hidden" id="total_dep" name="total_dep" value="<?php echo $total_dep ?>">
     <input type="hidden" id="av_ffb_sa" name="av_ffb_sa" value="<?php echo $av_ffb_sa ?>">
     <input type="hidden" id="total_avances" name="total_avances" value="<?php echo $total_avances ?>">
     <input type="hidden" id="frais_tickets" name="frais_tickets" value="<?php echo $frais_tickets ?>">
     <input type="hidden" id="du_cau" name="du_cau" value="<?php echo $du_cau ?>">
     <button type="button" class="btn btn-primary btn-sm" name="insert-data" id="insert-data" onclick="insertData()">Générer la note de frais</button>
</form>

Mon Ajax, après de </body> dans ma page footer.php incluse dans la page du formulaire.

<script type="text/javascript">

    function insertData() {
      
        var num=$("#num").val();
        var date_fact=$("#date_fact").val();
        var total_ffb=$("#total_ffb").val();
        var total_glob_pb=$("#total_glob_pb").val();
        var total_glob_rr=$("#total_glob_rr").val();
        var total_dep=$("#total_dep").val();
        var av_ffb_sa=$("#av_ffb_sa").val();
        var total_avances=$("#total_avances").val();
        var frais_tickets=$("#frais_tickets").val();
        var du_cau=$("#du_cau").val();

        // AJAX code to send data to php file.
        $.ajax({
            type: "POST",
            url: "refact_insert.php",
            data: {num:num,date_fact:date_fact,total_ffb:total_ffb,total_glob_pb:total_glob_pb,total_glob_rr:total_glob_rr,total_dep:total_dep,av_ffb_sa:av_ffb_sa,total_avances:total_avances,frais_tickets:frais_tickets,du_cau:du_cau},
            dataType: "JSON",
            success: function(data) {
             $("#message").html(data);
            $("p").addClass("alert alert-success");
            },
   error: function(err) {
            //alert(err);
            }
        });
    }
</script>

le code de : refact_insert.php, a été testée ça fonctionne.

Merci d'avance pour votre aide