$(document).ready( function () {

  var data = [

    {

      id: '01.dat',

      name: 'Test 01',

      location: 'loc 01'

    },

    {

      id: '02.dat',

      name: 'Test 02',

      location: 'loc 02'

    },

  ];

  var table = $('#example').DataTable({

    rowId: 'id',

    data: data,

    columns: [

      {

        data: 'name'

      },

      {

        data: 'location'

      }

    ]

  });

​

​

  $('#find').on('click', function () {

    var oldId = '01.dat';

    var row = table.row('#' + oldId);

​

    console.log('01.dat name: ' + row.data().name)    

  });

  $('#update').on('click', function () {

    var oldId = '01.dat';

    var row = table.row('#' + oldId);

    //var newId = '001dat';  // This works without period

    var newId = '001.dat'  // Doesn't work with period

    var data = row.data();

    data.id = newId;

    row.data( data ).draw();

    newId = newId.replace('.', '\\.');

    console.log( 'jQUery find #' + newId + ': ' + $('#' + newId).length );

    var updatedRow = table.row('#' + newId);

​

    console.log('Found updated row name: ' + updatedRow.data().name)    

  });

​

​

} );

​