title: DataTable get hidden column value on click
body: <p>I have a datatable that is created with Ajax. However, I do not want all the fields to be displayed and thus I set bVisible to false on the not-so-important field.</p>
  
  <pre><code>$(document).ready(function() {
              $('#example').dataTable( {
                  "bProcessing": true,
                  "sAjaxSource": "../DataQueries/FetchAllSubjectsForBrowse.asp",
                  "aoColumns": [ 
                      /* Subject Name */ null,
                      /* Address */ null,
                      /* LinkedWithCompany */ { "bVisible": false},
                      /* Work Tel */ null
                  ]
              } );
  </code></pre>
  
  <p>However, I want to be able to click on a row to retrieve all the values including from the hidden ones. So I tried the below:</p>
  
  <pre><code>$('#example tbody tr').live('click', function () {
               var sTitle;
               var nTds = $('td', this);
               var sSubjectName = $(nTds[0]).text();
               var sSubjectAddress = $(nTds[1]).text();
               var sLinkedWithCompany = $(nTds[2]).text();
               var sWorkTel = $(nTds[3]).text();
  });
  </code></pre>
  
  <p>However, when I retrieve the value of sLinkedWithCompany, it instead gives me the value of sWorkTel.</p>
  
  <p>I am a little confused on how to retrieve this hidden value.</p>
  
  <p>Thanks</p>