سلام
من یک modal نوشته ام که هنگام لود شدن modal یک button به ان اضافه میکنم از طریق کد نویسی

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="bodyModal">
                ...
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>


<script>
        function Create() {
            $.ajax({
                url: '@Url.Action("Create", "TestModals")',
                type: "Get",
                data: {}
            }).done(function (res) {
                $("#exampleModal").modal("show");
                $("#exampleModalLabel").html('افزودن');
                $("#bodyModal").html(res);
                var r = $('<button type="button" class="btn btn-primary" id="add">Edit changes</button>');
                $(".modal-footer").append(r);
                $("#save").remove();
            });
        }
    </script>

اما وقتی روی button  کلیک میکنم هیچ عملی اجرا نمیشود

 <script>
        $(function () {
            $("#save").on('click', function () {
                alert(1);
            });
        });
    </script>

مشکل کدم کجاست