JQuery通用多按钮点击功能

JQuery和JS中的全新功能。我试图在一个通用函数中处理按钮点击，该函数获取按钮被点击的位置并调用另一个函数
这是我当前的代码：

 function add(el) {
            var button = $(el).attr('id');
            var infoForm;
            switch (button) {
                case "addEndereco":
                    infoForm = $("#infoEndereco");
                    break;
                case "addContato":
                    infoForm = $("#infoContato");
                    break;
                case "addBanco":
                    infoForm = $("#infoBanco");
                    break;
            }
            $(button).on('click', function () {
                gravarDetalhe(infoForm, button);
            });
        }

在我看来，这些是我的按钮：

<button id="addEndereco" type="button" OnClick="add(this);" class="btn btn-primary">Salvar</button>
<button type="button" id="addContato"  OnClick="add(this);" class="btn btn-primary">Salvar</button>
<button type="button" id="addBanco"  OnClick="add(this);" class="btn btn-primary">Salvar</button>

这不起作用，我做了一项研究，尝试了很多事情，但都无济于事
我在这儿干什么？