title: Alert() does not fire from the second page of datatable
body: <p>I have a datatable returned from backend using Jquery and datatables plugin. I need to select the order number in the datatable and alert it.  The alert and console works well in the first page of the data table but does not fire anymore from the second page. I googled it but <code>.live()</code> is deprecated and the suggested answer <code>.on()</code>seems does not work. </p>
  
  <p><strong>Jquery:</strong> </p>
  
  <pre><code>$(document).ready(function () {
  $.ajax({
      type: "POST",
      //url: "OrderDetail.asmx/HelloWorld",
      url: "Order.aspx/GetOrder",
      data: "{'id':'273440'}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function (msg) {
          $('#order').append(msg.d);
          //alert(msg.d);
          console.log(msg);
          $('#orderTable').dataTable({
              // "sScrollY": "100px",
  
              "bAutoWidth": false,
              "bDeferRender": true
              //"bPaginate": false
  
          });
          // Click order number to get the details
          // Problem is here 
          $('.orderNumber').on('click', function () {
              var orderNum = $(this).text();
              console.log(orderNum);
          });
  
      },
      error: function (xhr, status, error) {
          // Display a generic error for now.
          alert("Ajax Error!");
      }
  });
  </code></pre>
  
  <p>});</p>