Datatable functions not working when data is appended using jquery?

Oneiric98

Im having a problem on the datatable functions when I append some data in the table using firebase.js and jQuery. Here is what it looks like when I append the data, it creates a separate table on the bottom instead of filling in the table. So when I try to use its functionalities, such as saving as csv, printing and sorting, the table returns 0 data always.
Initial view:

https://imgur.com/5pN9Rzf

Here is my html code:

https://imgur.com/RGSGp3L

My js code looks like this:

https://imgur.com/a/Fbycw

But when I input table data manually using html and without appending and using jQuery, the table works fine. Any help would be much appreciated. I really need it for our capstone.

allan

Sounds a lot like this FAQ. If it isn't that, can you link to a running test case please?

Allan