title: JQuery DataTables mRender button - how do I get button click
body: <p>I have the following ajax call:</p>
  
  <pre><code>    $('#stlmtddel').click(function(event) {
          var customerid = "&lt;%=customerid%&gt;";
          var appointofcaid = "&lt;%=appointofcaid%&gt;";
          var kindcontrolid = "&lt;%=kindcontrolid%&gt;";
          var auditorid = "&lt;%=auditorid%&gt;";
          var instype = "view";
  
          $.ajax({
                   type: 'GET',
                   url: 'crudsettlement.jsp',
                   data: {
                       Wcustomerid: customerid,
                       Wappointofcaid: appointofcaid,
                       Wkindcontrolid: kindcontrolid,
                       Wauditorid: auditorid,
                       Winstype: instype
                   },
                   async: false,
                   dataType: 'json',
                   success: function(json) {
  
                       $('#settlementsd').DataTable({
                           destroy: true,
                           "stateSave": true,
                           "displayLength": 10,
                           "lengthMenu": [
                               [10, 25, 50, 100, -1],
                               [10, 25, 50, 100, "όλα"]
                           ],
                           "pagingType": "full_numbers",
                           "language": {
                               "emptyTable": "Δεν βρέθηκαν δεδομένα",
                               "thousands": ".",
                               "lengthMenu": "Εμφάνιση _MENU_ εγγραφών ανά σελίδα",
                               "zeroRecords": "Δεν βρέθηκαν εγγραφές - ",
                               "info": "Εμφανίζονται οι εγγραφές _START_ έως _END_ από σύνολο _TOTAL_",
                               "infoEmpty": "Εμφανίζονται οι εγγραφές 0 έως 0 από σύνολο 0",
                               "infoFiltered": "(Εφαρμόστηκε φίλτρο σε σύνολο _MAX_ εγγραφών)",
                               "search": "Αναζήτηση:",
                               "paginate": {
                                   "first": "Αρχή",
                                   "previous": "Προηγούμενη",
                                   "next": "Επόμενη",
                                   "last": "Τέλος"
                               }
                           },
                           "aaData": json,
                           "aoColumns": [{
                               "mData": "auditoridid"
                           }, {
                               "mData": "auditoridname"
                           }, {
                               "mData": "sdpaymentnet"
                           }, {
                               "mData": "sdpaymenttax"
                           }, {
                               "mData": "sdpayment"
                           }, {
                               "bSortable": false,
                               "mRender": function(data, type, row) {
                                   return '&lt;input type="hidden" name="Wauditordid" class="Cauditordid" value="'+row.auditoridid+'" disabled&gt;&lt;button type="submit" id="stlmtddel" class="btn btn-danger" formnovalidate&gt;&lt;span class="glyphicon glyphicon-minus"&gt;&lt;/span&gt;';
                               }
                           }, ]
                       });
                       alert(json.msg);
                   }
  
               });
     });
  </code></pre>
  
  <p>In mRender I create a button wiht id="stlmtddel" and I want to get the click event. I tryied the following:
  <code>$('#stlmtddel').click(function(event) {
  }</code></p>
  
  <p>but not working for all rows. 
  for example if the table have 3 rows and I tried to click to delete one of that rows this working fine.
  After that the table have 2 rows and when I tried to click to delete one of that rows then the click event not working.</p>
  
  <p>Any idea?</p>