ajax call with dataTable lib

[hanabadler]

Hi There.Great Plugin and i love it
here is my problem:
i am calling an ajax call from the onRender function

JS Code

// Retrieve the content when tooltip is first rendered
         onRender: function()
         {   
            var self = this;
            var data = {
                action: 'getData',
		};
 
 
	jQuery.post('process.php', data, function(response) {
 
                 jQuery('#authorpublicchapters').dataTable();
                 self.updateContent(response);
 
            });
 
 
         }

the Server Response (getData method) return a table like this:

JS Code

<table id="authorpublicchapters">
<thead>
<tr>
<th>?? ????</th><th>?? ??????</th><th>?????</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
....
</tbody></table>

So, the content is get rendered but without the dataTable lib applied on the "authorpublicchapters" element.

It looks like that the two lines :

JS Code

jQuery('#authorpublicchapters').dataTable();
                 self.updateContent(response);

are used in correctly
i tryed to switch the order but no change.
i though of calling the

JS Code

Query('#authorpublicchapters').dataTable();

from a different method such as onContentUpdate
but i didnt saw any sample of using it

Is there a way to do it ?
thanks
Hana