how to delete any array values from array on button click in each row

I want to delete row as well as delete that value from array but I want delete button on each row and need to delete any index value on button click

How can I insert delete button on each row and delete row as well as value from same array ?

var users = []

    $(document).ready(loadTable);
    function loadTable() {
        for(var i = 0; i < users.length; i++){
            for(var j = 0; j < users[i].length; j++){
                //console.log(users[i][j])
            }
        {continue;}

        }
    }

    $("#submit").on('click', function() {
        var temp = [document.getElementById("id").value, document.getElementById("name").value]
        users.push(temp)

        loadTable ($("tbody").append("<tr>" +
            "<td>" + $("#id").val() + "</td>" +
            "<td>" + $("#name").val() + "</td>" +
            
            //"<td>"+<button href="javascript:void(0);" class="remCF1 btn btn-small btn-danger">Remove</button>+"</td>"+
            
            "</tr>"));
            
            console.log(users)
        });

 table, th, td {
        border: 1px solid black;
    }

<html>
    <head>
        <title>Hello</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    </head>

    <body>
        <input type="text" name="id" id="id">
        <input type="text" name="name" id="name">
        <button type="button" id="submit">Add</button>
        <table id="demo">
            <tbody>
            </tbody>
        </table>
    </body>
</html>