title: datatables action column not working properly
body: <p>Every time I click the next row, the function of the last row I clicked is executing again. For instance, if I click 'good' on the first row for type and then click 'bad' on the second row for type, it submits 'good' again unless I click 'bad' one more time (its like it needs to be double clicked). Not sure if it has anything to do with the onclick table row function as it is not specific to the element. Do I make it so that its clicking the element with a specific id?</p>
  <p>Here is my code:</p>
  <pre><code>var table = $(‘#foobar’).DataTable( {
          data: dataSet,
          columns: [
              { title: “Type” },
              { title: &quot;Status&quot; },
              { title: “Good”, defaultContent: '&lt;a id=“good” onclick=&quot;good()&quot;&gt;&lt;i class=&quot;fa fa-check“&gt;&lt;/i&gt;&lt;/a&gt; },           
         { title: “Bad”, defaultContent: '&lt;a id=“bad” onclick=&quot;bad()&quot;&gt;&lt;i class=&quot;fa fa-times”&gt;&lt;/i&gt;&lt;/a&gt; },    
       ]
          } );
  
             
  function good(){
  
   $(‘#foobar tr').click( function () {
                let row = table.row( this ).data();
                let rowid = row[0];
                let row = table.row(this);
  //here I would update some spreadsheet with &quot;good&quot; and it sometimes works depending on the clicks
                table.cell(row, 2).data(&quot;good&quot;).draw();
  
          } );
  
  }
  
  
  function bad(){
  
   $(‘#foobar tr').click( function () {
                let row = table.row( this ).data();
                let rowid = row[0];
                let row = table.row(this);
                //here I would update some spreadsheet with &quot;bad&quot; and it sometimes works depending on the clicks
                table.cell(row, 2).data(&quot;bad&quot;).draw();
  
          } );
  
  }
  </code></pre>