我的 AJAX /jQuery + PHP代码遇到了一个问题，不知道是怎么回事。我的插入页面工作得很好，但是当我尝试创建一个删除事件时-什么也没有发生。我的代码是：
HTML/PHP代码段

<div class="card mb-3">
    <div class="card-header">
        <div class="d-flex justify-content-between">
            <span>Notepad</span>
            <span><button class="no-style" id="deleteNotepad"><i class="fa-solid fa-x"></i></button></span>
                 </div>
    </div>
    <div class="card-body text-center p-0">
        <input type="hidden" value="<?php echo $np['id'];?>" id="notepadId">
        <textarea class="form-control" id="notepad" rows="4"><?php echo $np['notepad']; ?></textarea>
    </div>
</div>

我的JS文件

$("deleteNotepad").on("click", function () {
    var notepadId = $("#notepadId").val();
    $.ajax({
      type: "POST",
      url: "fetch/delete-notepad.php",
      data: {
        notepadId: notepadId,
      },
      success: function () {
        $("#notepads").load(location.href + " #notepads");
      },
    });
  });

和我的PHP文件

<?php 
require('../inc/functions.php');
$notepadId = $_POST['notepadId'];
mysqli_query($conn, "DELETE FROM notepads WHERE id = '$notepadId'");

我试过改变元素的id（不确定我是否有多个），但是即使是最随机的字符串“asdijas 87 wewq”也不起作用。
我也在看开发控制台，但当我点击删除按钮时什么也没有显示。