title: Ajax Call hyperlink on datatable column
body: <p>I have datatable json name = table_a.php
  i have hyperlink on that file..</p>
  
  <p>i can show datatable to</p>
  
  <pre><code>&lt;table data-url="table_a.php"&gt;&lt;/table&gt;
  </code></pre>
  
  <p>on that column has hyperlink. i want to process that link to ajax.</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
  //$(document).on("click", "#stats", function (e) {
      $('#stats').click(function(e) {
          alert("a");
          e.preventDefault();
          $.ajax({
              alert("ab");
              url: 'update_process.php',
              data: $(this).serialize(),
              dataType: 'json',
              success: function(status) {
                      var datanya = JSON.parse(JSON.stringify(status));
                      $('#table').bootstrapTable('refresh', {url: 'table_a.php'});
  
              }
          });
          return false;
      });
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>i try click link, but alert never show.</p>
  
  <p>table_a.php :</p>
  
  <pre><code>&lt;?php
  header('content-type:application/json');
  include '../koneksi.php';
  
  $select = mysql_query("select * from tb_pemesanan where no_meja='$_GET[meja]'");
  $row=array();
  
  while($row=mysql_fetch_array($select))
  
  {
      $select1 = mysql_query("SELECT * FROM tb_pemesanan where id_pemesanan='$row[id_pemesanan]' AND status='Sedang di proses'");
      $status='0';
      if(mysql_num_rows($select1)== 0) {
          $status="&lt;a class='btn btn-success' href='#'&gt;&lt;b&gt;Sudah di antar &lt;span class='glyphicon glyphicon-ok'&gt;&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;";
      }else{
  
  
      $status="&lt;a id='stats' class='btn btn-primary' href='proses.php'&gt;
      &lt;b&gt;Sedang di proses &lt;span class='glyphicon glyphicon-hourglass'&gt;&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;";
  }
  
  $arrayx=array(  "status"=&gt;$status );
  
  $rows[] = $arrayx;
  
  }
  echo json_encode($rows);
  
  ?&gt;
  </code></pre>