Installation Problem using Datatables and bootstrap (nothing changes)

viz

Hi, I am trying to use the CDN to setup a table with DataTables but nothing is happening.

The table does not change whatsoever. It stays exactly as it was before I added the lines it shows in the installation manual.

Below is some code.

<!-- DataTables CSS -->

***************at the top***************

    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.10/css/jquery.dataTables.css">

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/bs/dt-1.10.10,af-2.1.0,b-1.1.0,b-colvis-1.1.0,b-print-1.1.0,cr-1.3.0,fh-3.1.0,r-2.0.0,rr-1.1.0,sc-1.4.0,se-1.1.0/datatables.css"/>

***************table******************

<div class="row">
                    <div class="col-lg-12">
                        <h2>Customers</h2>
                        <div class="table-responsive">
                            <table id="table_id" class="table display table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>id</th>
                                        <th>First Name</th>
                                        <th>Last Name</th>
                                        <th>Phone Number</th>
                                        <th>Company</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="active">
                                        <td>12</td>
                                        <td>Daniel</td>
                                        <td>M</td>
                                        <td>777-777-7777</td>
                                        <td>Company</td>
                                    </tr>
                                     ...
                                     ...
                                     ...
                                </tbody>
                            </table>
                        </div>
                    </div>
                    
                </div>



***************bottom******************
<!-- DataTables JavaScript -->
    <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.10/js/jquery.dataTables.js"></script>

    <script type="text/javascript" src="https://cdn.datatables.net/s/bs/dt-1.10.10,af-2.1.0,b-1.1.0,b-colvis-1.1.0,b-print-1.1.0,cr-1.3.0,fh-3.1.0,r-2.0.0,rr-1.1.0,sc-1.4.0,se-1.1.0/datatables.js"></script>

<script>
    $(document).ready( function () {
        $('#table_id').DataTable();
    } );
    </script>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

If you need additional information please let me know. I'm still learning so thanks in advance for any and all help.