DataTable Loaded Through AJAX Issue

G_SCO

I seem to be having a problem with loading DataTables through AJAX. I have several DataTables I want to load into AJAX generated tabs and all of the content and main functionality of the DataTables work as expected. I have noticed that the AJAX DataTables do not have the coloured alternate rows, coloured rows when hovered over and coloured selected columns. I made another page using the same CSS and Javascript files and it has all of the colours working.

Is this a common problem with loading DataTables through AJAX? Also, does this issue appear to be a CSS problem or a Javascript problem? Lastly, is there any sort of workaround that I can do to get this working?

The strange thing is that some of the CSS and Javascript is working such as the blue arrows that show if the table is ascending or descending, the positioning of the table, the borders of the table, pagination, choosing how many rows should be shown per page, being able to sort tables and searching through those tables.

Here is the page where the DataTable is loaded directly on the page:
http://myguitarpal.com/mp3/

Here is the page where the multiple DataTables are loaded through AJAX:
http://myguitarpal.com/pdf/