Datatables Problem

HTML

<script src="http://trackyourpackage.uk/productionmanager/includes/DataTables/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="http://trackyourpackage.uk/productionmanager/includes/DataTables/css/jquery.dataTables.css">
<link rel="stylesheet" href="http://trackyourpackage.uk/productionmanager/css/mainadmin.css">
<table id="dbdata" style="width:95%;">
<thead>
	<tr>
		<th>Order ID</th>
		<th>Full Name</th>
		<th style="width:60px;">Order Date</th>
		<th>Status</th>
		<th style="width:0px;">|</th>
		<th>Shipping Type</th>
		<th>Edit Order</th>
		<th>Previews</th>
	</tr>
</thead>
<tbody>

<tr class="red"><td>17195533</td><td>Lynda Eggleton</td><td>2015-01-16 19:29:17</td><td>JS Printed</td><td style="visibility:hidden;">8</td><td>PFSTD</td><td><form action="editorder.php" target="_blank" method="get" name="oid17195533"><input type="hidden" name="oid" value="17195533"><input type="submit" class="jobsheet" value="Edit"></form></td><td><a class="bannerimg" href="orders/order_12300.png" ><img src="thumber.php?img=tempthumbs/order_12300.png&w=100&h=50" style=" max-width:100px; max-height:50px; " /></a><br /><a class="bannerimg" href="orders/order_12301.png" ><img src="thumber.php?img=tempthumbs/order_12301.png&w=100&h=50" style=" max-width:100px; max-height:50px; " /></a><br /></td><tr class="orange"><td>17194795</td><td>michael whitehead</td><td>2015-01-16 16:19:47</td><td>JS Printed</td><td style="visibility:hidden;">8</td><td>TSTD</td><td><form action="editorder.php" target="_blank" method="get" name="oid17194795"><input type="hidden" name="oid" value="17194795"><input type="submit" class="jobsheet" value="Edit"></form></td><td><a class="bannerimg" href="order_12295.png" ><img src="thumber.php?img=tempthumbs/order_12295.png&w=100&h=50" style=" max-width:100px; max-height:50px; " /></a><br /></td><tr class="orange"><td>17194494</td><td>Gwynne Thomas</td><td>2015-01-16 15:19:21</td><td>JS Printed</td><td...

JavaScript

$.extend( $.fn.dataTable.defaults, {
    searching: true,
    paging: true,
    ordering:  true
} );


$(document).ready( function () {
    $('#dbdata').DataTable( {
        "order": [[ 2, "desc" ]],
        "lengthMenu": [ [10, 25, 50, 100, 250, -1], [10, 25, 50, 100, 250, "All"] ],
        "iDisplayLength": 50    } );
} );