Filter not working with php

[harshitpunn]

I am using this http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html plugin in my bootstrap table it is not working

     <div id="filter-bar"> </div>

< script type="javascript">

$(document).ready(function(){

    $('#filter-bar').bootstrapTableFilter({

        filters:[

            {

                field: 'class',    // field identifier

                label: 'Class',    // filter label

                type: 'range'   // filter type

            },

        ],

        onSubmit: function() {

            var data = $('#filter-bar').bootstrapTableFilter('getData');

            console.log(data);

        }

    });

});

</ / /script>

        <table id="tablesort"

          data-toggle="table" 

               data-sort-name="course" 

               data-sort-order="desc" 

               data-search="true"

               data-show-refresh="true"

               data-show-toggle="true"

               data-show-columns="true"

               data-pagination="true"

               data-toolbar="#filter-bar"

               data-show-filter="true"

               class="table table-bordered table-hover table-striped">

            <thead>

                <tr>

                    <th data-field="name" data-align="center" data-sortable="true">Name</th>

                    <th data-field="class" data-align="center" data-sortable="true">Class</th>

                    <th data-field="email" data-align="center" data-sortable="true">Email</th>

                    <th data-field="phone" data-align="center" data-sortable="true">Phone</th>

                    <th data-field="course" data-align="center" data-sortable="true">Course (Level)</th>

                    <th data-field="phase" data-align="center" data-sortable="true">Phase</th>

                </tr>

            </thead>

            <tbody>

< ?php

while($Details = mysqli_fetch_array($Enrolled_Sql, MYSQLI_ASSOC)){

? >

                <tr>

                    <td>< ?php echo output_clean($Details['Name']); ? ></td>

                    <td>< ?php echo output_clean($Details['Class']); ? ></td>

                    <td>< ?php echo output_clean($Details['Address']); ? ></td>

                    <td>< ?php echo output_clean($Details['Number']); ? ></td>

                    <td>< ?php echo output_clean($Details['CName']).','.output_clean($Details['Level']); ? ></td>

                    <td>< ?php echo output_clean($Details['Phase']); ? ></td>

                </tr>                     

< ?php

}

? >

              </tbody>

        </table>