Dynamically Changing Toolbar html

wpickel

I am using a toolbar with the DataTable
[code]
$(document).ready(function(){

$('#example').dataTable( {
"bJQueryUI": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bInfo": false,
"bAutoWidth": false,
"sDom": '<"H"<"toolbar">lfr>t<"F"ip>'
} );

$("div.toolbar").replaceWith('Page Information');
});
[/code]

I am adding "id" with the .replaceWith so that I can use getElementById

However, I cannot change the contents of the element after the page has loaded. The following reports that the element is null
[code]
document.getElementById('toolbar').html = 'test';
[/code]

Does anyone have any thoughts?