Datatable Uncaught TypeError: Невозможно прочитать свойство 'mData' из неопределенного

Question

Я использую datatable для формирования таблицы по массиву в Javascript:

<table class="table display" id='contest__table' style="width:100%">
</table>

var dataSet = [
        [ "player1", "1", "0", "upgrade level "],
        [ "player1", "2", "0", "upgrade level "],
        [ "player1", "3", "0", "upgrade level "],
        [ "player1", "4", "0", "upgrade level "],
        [ "player1", "5", "0", "upgrade level "],
        [ "player1", "6", "0", "upgrade level "],
        [ "player1", "7", "0", "upgrade level "],
        [ "player1", "8", "0", "upgrade level "],
        [ "player1", "9", "0", "upgrade level "],
        [ "player1", "10", "0", "upgrade level "]
    ];

    $(document).ready(function() {
        $('#contest__table').DataTable( {
               data: dataSet,
                    columns: [
                       { title: "Player" },
                       { title: "column1" },
                       { title: "column2" },
                       { title: "column3" }
                     ]
        } );
    } );

Codepen

Странно то, что он прекрасно работает в codepen, но не работает на моем сайте.

Всегда возвращает «Не удается прочитать свойство« mData »из неопределенного». Хотя я использую точно такой же код и библиотеки. В моей таблице нет ничего внутри тега таблицы, такого же, как в коде.

Пожалуйста, дайте мне совет, если вы испытали это.