我正在尝试编写一个JavaScript / jQuery函数，当点击类为“add-row”的按钮时调用该函数。该函数将HTML附加到DOM中，添加 * 另一个 * 具有相同类的按钮。我想要的是，当第二个按钮被点击时，该函数将再次被调用，并创建另一个按钮，依此类推。
下面是第一个按钮的代码：

<div>
    <label for="add_row-0"></label><br>
    <button type="button" class="add-row">Add Another Item</button>
</div>

下面是JavaScript函数：

$(document).ready(function(){
        $(".add-row").click(function(){

          
            $(".add-row").last().after(
                `<div>
                    <label for=${button_identifier}></label><br>
                    <button type="button" class="add-row">Add Another Item</button>
                    </div>
                </div>`
            );
         

        });
 });

这不起作用-发生的情况是，第一个按钮工作正常，并调用创建第二个按钮的函数，但单击第二个按钮什么也不做。