problem with delete record by mvc and ajax [closed]

i want to delete record by ajax and mvc in php
record deleting correctly work but no remove row element in page
what is problem?
homePage Code:
delete btn in last column:

<td><span class="link" onclick="deleteNote(this,<?= $row['noteID'] ?>)"> <i class="bi bi-calendar-x"></i></span></td>

home page script:

<script>
    function deleteNote(sender, noteId) {
        sender = $(sender);
        var parent = sender.parentsUntil('tr').parent();
        $.ajax('/notes3-uncox-withMVCandAJAX/notes/remove/' + noteId, {
            type: 'post',
            dataType: 'json',
            success: function(data) {
                console.log("SUCCESS Ok", data);
                parent.remove();
            }
        });
    }
</script>

modelCode:

<? class NoteModel
{
 public static  function delete($id)
    {
        $db = Db::getInstance();
        $db->modify("delete from x_note where noteID='$id'");
        // header("Location: " . getBaseUrl() . "page/home");
    }
}

controller Code:

<?
class NotesController
{
    public  function remove($params)
    {
        $id = $params[0];
        NoteModel::delete($id);

        $out = json_encode(array(
            'status' => true,
        ));
        echo $out;
    }
}