how to reload the table?

this is my code :

 <form id="searchForm">
                                    <input  name="userName" type="text" >
                                    <input name="trueName" type="text">
                                    <input name="email" type="text">
                                    <input  name="mobile" type="text">
<a  href="#" id="t1">GO</a>
                                </form>
<tableid="dyntable">
                        <thead>
                            <tr>
                                <th class="head0 nosort">
                                    <input type="checkbox" class="checkall" /></th>
                                <th class="head0">userName</th>
                                <th class="head1">trueName</th>
                                <th class="head0">email</th>
                                <th class="head1">mobile</th>
                                <th class="head0">createtime</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>

 var table = jQuery('#dyntable').DataTable({
                        "processing": true,
                        "serverSide": true,
                        "lengthChange": false,
                        "searching": false,
                        "destroy": true,
                        "info":true,
                        "retrieve": true,
                        "displayLength": 10,
                        "stateSave": true,
                        "columnDefs": [{
                            "targets": 0,
                            "searchable": false
                        }],
                        "ajax": {
                            "url": "/do.aspx",
                            "type": "POST",
                            "data": function (d) {
                                return jQuery('#searchForm').serializeArray();
                            }
                        },
                        "columns": [{ "data": "ID" }, { "data": "userName" }, { "data": "trueName" }, { "data": "email" }, { "data": "mobile" }, { "data": "createTime" }],
                        "paginationType": "full_numbers"

                    });

jQuery('#t1').on('click', function () {
                    table.ajax().reload();
                });

</scirpt> when i use table.ajax().reload() or table.draw() ,it can't reload the table . the version is 1.10.4.so how to reload the table? thanks