javascript - jQuery click button don't work after applying filter in kendo grid -

I have a condo grid with a button in the column

Click on the first function but when I apply a sort of filter or grid, the click does not work any more

This is my code

    gt; title & gt; table & lt; / title & gt; & lt; body & Gt; & lt; div id = "bord" & gt; Table id = "grid" style = "width: 98%" & gt; & Lt; Colgroup & gt; & Lt; Col / & gt; & Lt; Col style = "width: 60px" /> gt; & Lt; Col / & gt; & Lt; Col / & gt; & Lt; Col / & gt; & Lt; Col / & gt; & Lt; Call / & gt; & Lt; / Colgroup & gt; & Lt; Thead & gt; & Lt; TR & gt; & Lt; Th & gt; Namore D Affair & lt; / Th & gt; & Lt; Th & gt; & Lt; / Th & gt; & Lt; Th & gt; Etat & lt; / Th & gt; & Lt; Th & gt; Demandeur & lt; / Th & gt; & Lt; Th & gt; Responsible Project & lt; / Th & gt; & Lt; Th & gt; Date de reception & lt; / Th & gt; & Lt; Th & gt; Action & lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt; & Lt;% - I get data from a SQL query recordset -%> & Lt; C: forEach var = "dt_r" item = "$ {recordset.rows}" & gt; & Lt; TR & gt; & Lt; Td style = "text-align: center" & gt; $ {Dt_r.n_aff_proj} & lt; / Td> & Lt; Td align = "center" & gt; DT & lt; / Td> & Lt; Td align = "center" & gt; $ {Dt_r.etat_dem} & lt; / Td> & Lt; Td align = "center" & gt; $ {Dt_r.nom_dem} & lt; / Td> & Lt; Td align = "center" & gt; $ {Dt_r.resp_pro} & lt; / Td> & Lt; Fmt: formatDate var = "fmt_date_reception_demande" value = "$ {dt_r.dat_r_d}" pattern = "dd / MM / yyyy" /> & Lt; Td align = "center" & gt; $ {Fmt_date_reception_demande} & lt; / Td> & Lt; Td align = "center" & gt; & Lt; Div class = "verb" & gt; & Lt;% - Action -% & gt; & Lt; Input type = "button" title = "consultant dt" class = "view" id = "$ {dt_r.id_dt}" /> & Lt; / Div & gt; & Lt; / TR & gt; & Lt; / C: foreach & gt; & Lt; / Table & gt; & Lt; / Div & gt; & Lt; Div id = "consultation" & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

Please help

here is a link to JSFiddle

You should use .delegate () for elements that you dynamically create.

.delegate () Attach a handler to one or more events for all elements that match the selector now or in future, based on a specific set of elements.

  jQuery ('#bord'). ('Click', '.view icon', function () {alert ("yess");});