title: Get row data failed, error of Cannot create property 'guid' on string
body: <p>I'm using jquery datatables. I got error of <code>Cannot create property 'guid' on string</code> when I tried to retrieve the row data.</p>
  
  <p><a href="http://jsfiddle.net/rqx14xep" rel="noreferrer">http://jsfiddle.net/rqx14xep</a></p>
  
  <pre><code>var employersTable = $('#employersTable').DataTable();
  
  $('#add').click(function() {
    addRow($('.username').val(), $('.phone').val());
  });
  
  $('body').on('click', '#employersTable tr', retrieveRow(this));
  
  function addRow(username, phone) {
    employersTable.row.add([
      '&lt;td&gt;' + username + '&lt;/td&gt;',
      '&lt;td&gt;' + phone + '&lt;/td&gt;',
    ]).draw();
  }
  
  function retrieveRow(e) {
    alert('fire')
    tr = e.target;
  
    row = employersTable.row(tr);
  
    detail_data = row.data();
    $("#result").empty().html(detail_data[0] + " " + detail_data[1])
  }
  </code></pre>
  
  <p>One more strange thing is my function retrieveRow fire on init, why? I put the function within a click event.</p>