What is the click event that cannot trigger button after asking for ajax?

  node.js, question

I did two things here,
Checkbox introduces iCheck plug-in as style.
Button Click Triggers ajax Requests
When the partial page is not detached, it is successful. After detaching, the data column can be requested, but the checkbox style and button’s click are invalid. Please give directions! Thank you

Page HTML, via ajax request to write a list line at tbody, css and js files have been introduced

<table class="table table-bordered table-striped table-actions">
 <thead>
 <tr>
 < th width="50" class="text-center "> select < /th >
 < thwidth = "100" class = "text-center" > transaction date < /th >
 < th class="text-center "> operation < /th >
 </tr>
 </thead>
 <tbody id="contentBox"></tbody>
 </table>

Js code for page

$(document).ready(function() {
 $.get(url, function(particalPage, status) {
 $("#contentBox").html(particalPage);
 });
 $(".mb-control").on("click", function() {
 alert($(this).data("action"));
 });
 });

Partial page HTML

< percentage RS. foreach (item) {percentage >
 <tr>
 <td class="text-center">
 <label class="check "><input type="checkbox" class="icheckbox itemcheck" value=""/></label>
 </td>
 < td class="text-center "> < percentage = item.exchangeTime percentage > < /td >
 <td class="text-center">
 <button type="button" class="btn  btn-default btn-rounded btn-sm mb-control" data-box="#mb-cancel" data-action="/admin/customerorder/Cancel?  Id= < percentage = item.customerOrderID percentage > ">
 <span class="fa fa-times"></span>
 Invalid
 </button>
 < percentage} percentage >
 </td>
 </tr>
 < percent}) percent >

Thank you _yeshuai, I tried it and it still doesn’t work outside, but the following is possible:

//This can
 $("tbody").delegate("button", "click", function() {
 alert("aaa");
 });
 //This is no good
 $("button").delegate(".mb_control", "click", function() {
 alert("aaa");
 });

$(“tbody”).delegate(“button”, “click”, function() {

alert("aaa");
 });