title: Datatable action column and jquery click event issue
body: <p>I am using jquery datatable with an action column. In that action column there is two links "edit" and "delete". My table is populating correctly with this action column. But problem is I need to open a bootstrap modal with a from when I click on the edit button of this datatable. But its not open my modal. </p>
  
  <p>This is how I create my action column in datatable: </p>
  
  <pre><code>var myTable = 
  $('#view_user_table')
  .DataTable({
    bAutoWidth: false,    
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "includes/process_view_bank_datatable.php",
    "aoColumnDefs": [{
                      "aTargets": [6],  
                      "bSortable": false,
                      "mData": "0",   
                      "mRender": function (data, type, full) {
                         return '&lt;div class="hidden-sm hidden-xs action-buttons"&gt;' + 
                                  '&lt;a class="green edit_this_user" href="javascript:void(0)" data-bank_id="'+data+'"&gt;edit&lt;/a&gt;' + 
                                  '&lt;a class="red" href="javascript:void(0)"&gt;delete&lt;/a&gt;' + 
                                '&lt;/div&gt;';                              
                      }
                    }
                  ],
    "aaSorting": [],
    "iDisplayLength": 50,
  
    select: {
      style: 'multi'
    }
  });
  </code></pre>
  
  <p>Then I tried to open my modal with click on the edit link I have created above. </p>
  
  <p>This is how I tried it:</p>
  
  <pre><code>$('.edit_this_user').on('click', function() {
    alert('modal')  
  }); 
  </code></pre>
  
  <p>But I cannot get the alert. Can anybody tell me what is the reason to its not working? </p>
  
  <p>Note: I can not get any error in my console. </p>