JQuery動(dòng)態(tài)生成的button一點(diǎn)整個(gè)頁面就刷新

用JQuery動(dòng)態(tài)生成的button一點(diǎn)就消失了，有大佬知道原因嗎？

 <div class="col-sm-4">
      <button type="button" class="btn btn-md btn-link" id="data_con_Add">添加關(guān)聯(lián)問題</button>
</div>

 $(document).on("click", "#data_con_Add", function () {
        $("#data_con_Add").addClass("disabled");
        var helpDiv = $("<div></div>").addClass("input-group");
        var helpinput = $("<input type='text' id='searchInfo'>").addClass("form-control1 input-search");
        var helpspan = $("<span></span>").addClass("input-group-btn")
            .append($("<button></button>").addClass("btn btn-success search_btn").append($("<i></i>").addClass("fa fa-search")));
        helpDiv.append(helpinput).append(helpspan).appendTo("#new-problem");

        var helpDiv2 = $("<div></div>").addClass("col-md-6 form-group filled");
        var helpLabel = $("<label></label>").addClass("control-label").append("Select");
        var helpSelect = $("<select name='cont'></select>").addClass("form-control1 ng-invalid ng-invalid-required");
        helpDiv2.append(helpLabel).append(helpSelect).appendTo("#new-problem");
    });
    

然后界面是這樣

點(diǎn)擊這個(gè)添加關(guān)聯(lián)問題，就變成這樣：

然后點(diǎn)那個(gè)紅色的按鈕，整個(gè)頁面就會(huì)刷新，這是為什么？換成a標(biāo)簽，點(diǎn)擊就沒事。我沒有為這個(gè)按鈕綁定事件，有大佬知道為什么嗎？求指教，謝謝了。