Vkladanie noveho riadku v TABLE

<script>
$(function () {

    // cislovanie od poslednej + 1
    var counter = <?php echo $count_plan+1;?>;

    $("#insertRow").on("click", function (event) {
        event.preventDefault();

        var newRow = $("<tr>");
        var cols = '';

        // Table columns
        cols += '<th scrope="row">' + counter + '</th>';
        cols += '<td><input class="form-control rounded-0" type="text" autocomplete="off" name="produkt[]" placeholder="Vyplnte Cislo produktu"></td>';
        cols += '<td><input class="form-control rounded-0" type="text" autocomplete="off" name="mnozstvo[]" placeholder="Vyplnte mnozstvo"></td>';
        
        cols += '<td class="text-end"><button class="btn btn-sm" title="zmazat riadok" id ="deleteRow"><span class="material-icons md-22" style="color:red">remove_circle_outline</span></button></td>';

        // Insert the columns inside a row
        newRow.append(cols);

        // Insert the row inside a table
        $("table").append(newRow);

        // Increase counter after each row insertion
        counter++;
    });

    // Remove row when delete btn is clicked
    $("table").on("click", "#deleteRow", function (event) {
        $(this).closest("tr").remove();
        counter -= 1
    });
});
</script>