title: jQuery Datatables - Bind function to checkbox after ajax source is changed and loaded
body: <p>I have this code for initializing my DataTable:</p>
  
  <pre><code>var table = $("#table").DataTable();
  </code></pre>
  
  <p>And I have this code to bind a event when the user changes the selected option in a <code>&lt;select&gt;</code></p>
  
  <pre><code>$("#select").change(function(){
  
         var id = $("#select").val();
         if ( !id ){
            return;
         }        
  
         table.ajax.url( "{% url 'm_data_for_table' 0 %}".replace(0, id) ).load();
  
  });
  </code></pre>
  
  <p>The table reloads with the new rows without problems. This is the content that comes from ajax:</p>
  
  <pre><code> {
      "data": [
          [
              "&lt;input type='checkbox' name='checkbox_select' value='xxx' /&gt; ",
              "John",
              "Python Developer"           
          ],
          [
              "&lt;input type='checkbox' name='checkbox_select' value='xxy' /&gt; ",
              "Renan",
              "JavaScript Developer" 
          ],
          [
              "&lt;input type='checkbox' name='checkbox_select' value='xxz' /&gt; ",
              "Anna",
              "Python Developer" 
          ]
      ]
  }
  </code></pre>
  
  <p>I would like to bind a event to the checkboxes after the table is rendered.</p>
  
  <p>How could I do that?</p>