jquery - 個々のテーブルで複数の Jquery DataTable を使用する

Question

2 つの個別のテーブルで使用するこのスクリプトがあります。

<script>

$(document).ready(function() {
    tbl = $('#listtableB').dataTable( {
        "bStateSave": true,
        "bJQueryUI": true,
        "aLengthMenu": [ [ 10, 25, 50, 100, 400, 800, -1 ], [ 10, 25, 50, 100, 400, 800, 'Összes' ] ],
        "sPaginationType": "full_numbers",
        "oLanguage": {
                "sUrl": "lang/datatables_hu.txt"
            },
         "aoColumns": [
            { "bSortable": true },
            { "bSortable": true },
            { "bSortable": true },
            { "bSortable": false },
        ]
        })
    tbl.fnSort( [ [0,'asc'] ] );


        newsl = $('#listtableD').dataTable( {
        "bStateSave": true,
        "bJQueryUI": true,
        "aLengthMenu": [ [ 10, 25, 50, 100, 400, 800, -1 ], [ 10, 25, 50, 100, 400, 800, 'Összes' ] ],
        "sPaginationType": "full_numbers",
        "oLanguage": {
                "sUrl": "lang/datatables_hu.txt"
            },
         "aoColumns": [
            { "bSortable": true },
            { "bSortable": true },
            { "bSortable": false }
        ]
        })
    newsl.fnSort( [ [0,'asc'] ] );


    })


</script>

しかし、最初のテーブルだけが変更され、2番目は通常のテーブルのままですが、最初のデータテーブル設定を削除すると、2番目が変更されました。2 つのテーブルで機能しないのはなぜですか?