title: action attached to selector in bootstrap table will not fire on page change
body: <p>This is an issue I have with Wenzhixin's Bootstrap table.</p>
  
  <p>If I have a selector (ie a link) with an action attached (eg <em>on('click', fucntion() {...});</em> ) in any of the cells, that action won't fire when page is changed, sorting is applied search is performed.</p>
  
  <p>Here's a short example: <a href="https://jsfiddle.net/L4h0gs4g/" rel="nofollow">https://jsfiddle.net/L4h0gs4g/</a></p>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;table class="table table-striped table-bordered table-hover table-condensed table-responsive"
  data-show-toggle="true"
  data-show-columns="true"
  data-toggle="table"
  data-sort-name="device"
  data-sort-order="desc"
  data-striped="true"
  data-pagination="true"
  data-search="true"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th data-sortable="true" data-field="device"&gt;Device&lt;/th&gt;
              &lt;th data-sortable="true" data-field="assettag"&gt;Asset Tag&lt;/th&gt;
              &lt;th data-sortable="true" data-field="serial"&gt;Serial No.&lt;/th&gt;
              &lt;th data-sortable="false"&gt;Service&lt;br /&gt;History&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;RICOH SPC242SF PRINTER&lt;/td&gt;
              &lt;td&gt;C013991&lt;/td&gt;
              &lt;td&gt;T222PB01287&lt;/td&gt;
              &lt;td class="fleet_machine_actions"&gt;
              &lt;a href="javascript:void(0);" class="machine_actions" title="Service History"&gt;check&lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt;RICOH SPC242SF PRINTER&lt;/td&gt;
              &lt;td&gt;C013991&lt;/td&gt;
              &lt;td&gt;T222PB01287&lt;/td&gt;
              &lt;td class="fleet_machine_actions"&gt;
              &lt;a href="javascript:void(0);" class="machine_actions" title="Service History"&gt;check&lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>jQuery</strong>:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
      $(".machine_actions").on('click', function(e){
          alert($(this).attr("title"));
      });
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>The link will trigger the alert box at first, but if you sort the table it will not trigger again. It's like jQuery cannot see that selector once the table's been changed / updated.</p>
  
  <p>Is this a known bug or is there a workaround this at all?</p>
  
  <p>Also posted on <a href="https://github.com/wenzhixin/bootstrap-table/issues/2488" rel="nofollow">https://github.com/wenzhixin/bootstrap-table/issues/2488</a></p>