title: button click not firing from datatable row
body: <p>I'm using <a href="https://datatables.net" rel="nofollow noreferrer">Datatables</a> to display data in a table and I'm trying to create a button for each row and catch click event using <code>columns.render</code>.</p>
  
  <p>I created the button using <a href="http://jquery.com/" rel="nofollow noreferrer">JQuery</a> and tried to add a click event which doesn't seem to be working </p>
  
  <p>I know there are other methods to do this, but why this method doesn't work?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var dataSet = [
    ["Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800"],
    ["Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750"],
    ["Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000"],
    ["Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060"],
    ["Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700"],
    ["Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000"],
    ["Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500"],
    ["Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900"]
  ];
  
  
  $('#example').DataTable({
    data: dataSet,
    responsive: true,
    columns: [{
        title: "Name"
      },
      {
        title: "Position"
      },
      {
        title: "Office"
      },
      {
        title: "Extn."
      },
      {
        title: "Start date"
      },
      {
        title: "Salary"
      },
      {
        "render": function(data, type, row, meta) {
  
          var button = $('&lt;button/&gt;', {
            html: "Click!"
          });
  
          button.click(function() {
            alert("Click event working");
          });
  
          return button[0].outerHTML;
        }
      }
  
    ]
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  &lt;link href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" /&gt;
  
  &lt;table id="example" width="100%"&gt;&lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>