Вызвать функцию из динамически созданной кнопки

<button class="glyphicon glyphicon-pencil buttonImg"    title="Изменить" type="submit"
                                value="${shoes.id}" onclick="on(this)"></button>

$('document').ready(function() {
    $(".buttonImg").on('click', edit); // старая кнопка, функция edit вызывается
    $(".button_no").on('click', edit_no); // новая кнопка edit_no не вызывается
    $(".delete").on('click', delete_shoes);
});

function edit() {
    $.ajax({
                url : "edit_shoes",
                data : {
                    "id" : id,
                },
                type : "GET",
                dataType : 'json',
                success : function(data) {
                    out += "<button class='glyphicon glyphicon-ok button_no' type='button' name='id' value='"
                            + data.id   + "' onclick='on(this)' title='Сохранить Изменения'></button>";
                    out += "</td>";
                    document.getElementById("tr" + data.id).innerHTML = out;
                }
            })
}