Update - examples: All examples now use $().DataTable() to construct the table.

- The API examples already used the new form, but many were still
  `$().dataTable()`, which still works, but the new API form method is
  prefered.

.datatables-commit-sync

@@ -1 +1 @@
-bc2b4c87f2b853484b113046e54e59016e795a26
+d2d0e05d9d169d5a8bfc4031ff6db51b0e58cd3e

examples/advanced_init/column_render.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"columnDefs": [ 
 			{
 				// The `data` parameter refers to the data for the cell (defined by the
@@ -550,7 +550,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;columnDefs&quot;: [ 
 			{
 				// The `data` parameter refers to the data for the cell (defined by the

examples/advanced_init/complex_header.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"columnDefs": [ {
 			"visible": false,
 			"targets": -1
@@ -550,7 +550,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;columnDefs&quot;: [ {
 			&quot;visible&quot;: false,
 			&quot;targets&quot;: -1

examples/advanced_init/defaults.html

@@ -26,7 +26,7 @@ $.extend( $.fn.dataTable.defaults, {
 
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 
@@ -547,7 +547,7 @@ $(document).ready(function() {
 
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/advanced_init/dom_multiple_elements.html

@@ -28,7 +28,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"dom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>'
 	} );
 } );
@@ -546,7 +546,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;dom&quot;: '&lt;&quot;top&quot;iflp&lt;&quot;clear&quot;&gt;&gt;rt&lt;&quot;bottom&quot;iflp&lt;&quot;clear&quot;&gt;&gt;'
 	} );
 } );</code>

examples/advanced_init/dom_toolbar.html

@@ -26,7 +26,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"dom": '<"toolbar">frtip'
 	} );
 
@@ -551,7 +551,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;dom&quot;: '&lt;&quot;toolbar&quot;&gt;frtip'
 	} );
 

examples/advanced_init/dt_events.html

@@ -30,7 +30,7 @@ $(document).ready(function() {
 		.on( 'order.dt',  function () { eventFired( 'Order' ); } )
 		.on( 'search.dt', function () { eventFired( 'Search' ); } )
 		.on( 'page.dt',   function () { eventFired( 'Page' ); } )
-		.dataTable();
+		.DataTable();
 } );
 
 
@@ -562,7 +562,7 @@ $(document).ready(function() {
 		.on( 'order.dt',  function () { eventFired( 'Order' ); } )
 		.on( 'search.dt', function () { eventFired( 'Search' ); } )
 		.on( 'page.dt',   function () { eventFired( 'Page' ); } )
-		.dataTable();
+		.DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/advanced_init/events_live.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 	
 	$('#example tbody').on('click', 'tr', function () {
 		var name = $('td', this).eq(0).text();
@@ -539,7 +539,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 	
 	$('#example tbody').on('click', 'tr', function () {
 		var name = $('td', this).eq(0).text();

examples/advanced_init/footer_callback.html

@@ -22,7 +22,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"footerCallback": function ( row, data, start, end, display ) {
 			var api = this.api(), data;
 
@@ -511,7 +511,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;footerCallback&quot;: function ( row, data, start, end, display ) {
 			var api = this.api(), data;
 

examples/advanced_init/language_file.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"language": {
 			"url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json"
 		}
@@ -539,7 +539,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;language&quot;: {
 			&quot;url&quot;: &quot;//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json&quot;
 		}

examples/advanced_init/length_menu.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
 	} );
 } );
@@ -543,7 +543,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;lengthMenu&quot;: [[10, 25, 50, -1], [10, 25, 50, &quot;All&quot;]]
 	} );
 } );</code>

examples/advanced_init/row_callback.html

@@ -25,7 +25,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"createdRow": function ( row, data, index ) {
 			if ( data[5].replace(/[\$,]/g, '') * 1 > 150000 ) {
 				$('td', row).eq(5).addClass('highlight');
@@ -547,7 +547,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;createdRow&quot;: function ( row, data, index ) {
 			if ( data[5].replace(/[\$,]/g, '') * 1 &gt; 150000 ) {
 				$('td', row).eq(5).addClass('highlight');

examples/advanced_init/sort_direction_control.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"aoColumns": [
 			null,
 			null,
@@ -556,7 +556,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;aoColumns&quot;: [
 			null,
 			null,

examples/ajax/custom_data_flat.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"ajax": {
 			"url": "data/objects_root_array.txt",
 			"dataSrc": ""
@@ -98,7 +98,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;ajax&quot;: {
 			&quot;url&quot;: &quot;data/objects_root_array.txt&quot;,
 			&quot;dataSrc&quot;: &quot;&quot;

examples/ajax/custom_data_property.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"ajax": {
 			"url": "data/arrays_custom_prop.txt",
 			"dataSrc": "demo"
@@ -90,7 +90,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;ajax&quot;: {
 			&quot;url&quot;: &quot;data/arrays_custom_prop.txt&quot;,
 			&quot;dataSrc&quot;: &quot;demo&quot;

examples/ajax/deep.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"ajax": "data/objects_deep.txt",
 		"columns": [
@@ -105,7 +105,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;processing&quot;: true,
 		&quot;ajax&quot;: &quot;data/objects_deep.txt&quot;,
 		&quot;columns&quot;: [

examples/ajax/defer_render.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"ajax": "data/arrays.txt",
 		"deferRender": true
 	} );
@@ -82,7 +82,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;ajax&quot;: &quot;data/arrays.txt&quot;,
 		&quot;deferRender&quot;: true
 	} );

examples/ajax/objects.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"ajax": "data/objects.txt",
 		"columns": [
 			{ "data": "name" },
@@ -99,7 +99,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;ajax&quot;: &quot;data/objects.txt&quot;,
 		&quot;columns&quot;: [
 			{ &quot;data&quot;: &quot;name&quot; },

examples/ajax/objects_subarrays.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"ajax": "data/objects_subarrays.txt",
 		"columns": [
 			{ "data": "name[, ]" },
@@ -115,7 +115,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;ajax&quot;: &quot;data/objects_subarrays.txt&quot;,
 		&quot;columns&quot;: [
 			{ &quot;data&quot;: &quot;name[, ]&quot; },

examples/ajax/orthogonal-data.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		ajax: "data/orthogonal.txt",
 		columns: [
 			{ data: "name" },
@@ -105,7 +105,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		ajax: &quot;data/orthogonal.txt&quot;,
 		columns: [
 			{ data: &quot;name&quot; },

examples/ajax/simple.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"ajax": "data/arrays.txt"
 	} );
 } );
@@ -95,7 +95,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;ajax&quot;: &quot;data/arrays.txt&quot;
 	} );
 } );</code>

examples/api/api_in_init.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"initComplete": function () {
 			var api = this.api();
 			api.$('td').click( function () {
@@ -549,7 +549,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;initComplete&quot;: function () {
 			var api = this.api();
 			api.$('td').click( function () {

examples/api/regex.html

@@ -36,7 +36,7 @@ function filterColumn ( i ) {
 }
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 
 	$('input.global_filter').on( 'keyup click', function () {
 		filterGlobal();
@@ -638,7 +638,7 @@ function filterColumn ( i ) {
 }
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 
 	$('input.global_filter').on( 'keyup click', function () {
 		filterGlobal();

examples/basic_init/alt_pagination.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"pagingType": "full_numbers"
 	} );
 } );
@@ -552,7 +552,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;pagingType&quot;: &quot;full_numbers&quot;
 	} );
 } );</code>

examples/basic_init/comma-decimal.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"language": {
 			"decimal": ",",
 			"thousands": "."
@@ -547,7 +547,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;language&quot;: {
 			&quot;decimal&quot;: &quot;,&quot;,
 			&quot;thousands&quot;: &quot;.&quot;

examples/basic_init/complex_header.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -539,7 +539,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/basic_init/dom.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"dom": '<"top"i>rt<"bottom"flp><"clear">'
 	} );
 } );
@@ -600,7 +600,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;dom&quot;: '&lt;&quot;top&quot;i&gt;rt&lt;&quot;bottom&quot;flp&gt;&lt;&quot;clear&quot;&gt;'
 	} );
 } );</code>

examples/basic_init/filter_only.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"paging":   false,
 		"ordering": false,
 		"info":     false
@@ -533,7 +533,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;paging&quot;:   false,
 		&quot;ordering&quot;: false,
 		&quot;info&quot;:     false

examples/basic_init/flexible_width.html

@@ -23,7 +23,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -537,7 +537,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/basic_init/hidden_columns.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"columnDefs": [ 
 			{
 				"targets": [ 2 ],
@@ -550,7 +550,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;columnDefs&quot;: [ 
 			{
 				&quot;targets&quot;: [ 2 ],

examples/basic_init/language.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"language": {
 			"lengthMenu": "Display _MENU_ records per page",
 			"zeroRecords": "Nothing found - sorry",
@@ -539,7 +539,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;language&quot;: {
 			&quot;lengthMenu&quot;: &quot;Display _MENU_ records per page&quot;,
 			&quot;zeroRecords&quot;: &quot;Nothing found - sorry&quot;,

examples/basic_init/multi_col_sort.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		columnDefs: [ {
 			targets: [ 0 ],
 			orderData: [ 0, 1 ]
@@ -486,7 +486,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		columnDefs: [ {
 			targets: [ 0 ],
 			orderData: [ 0, 1 ]

examples/basic_init/multiple_tables.html

@@ -23,7 +23,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('table.display').dataTable();
+	$('table.display').DataTable();
 } );
 
 	</script>
@@ -254,7 +254,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('table.display').dataTable();
+	$('table.display').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/basic_init/scroll_x.html

@@ -24,7 +24,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"scrollX": true
 	} );
 } );
@@ -704,7 +704,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;scrollX&quot;: true
 	} );
 } );</code>

examples/basic_init/scroll_xy.html

@@ -24,7 +24,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"scrollY": 200,
 		"scrollX": true
 	} );
@@ -700,7 +700,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;scrollY&quot;: 200,
 		&quot;scrollX&quot;: true
 	} );

examples/basic_init/scroll_y.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"scrollY":        "200px",
 		"scrollCollapse": true,
 		"paging":         false
@@ -543,7 +543,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;scrollY&quot;:        &quot;200px&quot;,
 		&quot;scrollCollapse&quot;: true,
 		&quot;paging&quot;:         false

examples/basic_init/state_save.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		stateSave: true
 	} );
 } );
@@ -545,7 +545,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		stateSave: true
 	} );
 } );</code>

examples/basic_init/table_sorting.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"order": [[ 3, "desc" ]]
 	} );
 } );
@@ -539,7 +539,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;order&quot;: [[ 3, &quot;desc&quot; ]]
 	} );
 } );</code>

examples/data_sources/ajax.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"ajax": '../ajax/data/arrays.txt'
 	} );
 } );
@@ -82,7 +82,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;ajax&quot;: '../ajax/data/arrays.txt'
 	} );
 } );</code>

examples/data_sources/dom.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 
@@ -534,7 +534,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/data_sources/js_array.html

@@ -82,7 +82,7 @@ var dataSet = [
 $(document).ready(function() {
 	$('#demo').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' );
 
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"data": dataSet,
 		"columns": [
 			{ "title": "Engine" },
@@ -188,7 +188,7 @@ $(document).ready(function() {
 $(document).ready(function() {
 	$('#demo').html( '&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; border=&quot;0&quot; class=&quot;display&quot; id=&quot;example&quot;&gt;&lt;/table&gt;' );
 
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;data&quot;: dataSet,
 		&quot;columns&quot;: [
 			{ &quot;title&quot;: &quot;Engine&quot; },

examples/data_sources/server_side.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": "../server_side/scripts/server_processing.php"
@@ -83,7 +83,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
 		&quot;ajax&quot;: &quot;../server_side/scripts/server_processing.php&quot;

examples/plug-ins/dom_sort.html

@@ -53,7 +53,7 @@ $.fn.dataTable.ext.order['dom-checkbox'] = function  ( settings, col )
 
 /* Initialise the table with the required column ordering data types */
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"columns": [
 			null,
 			{ "orderDataType": "dom-text-numeric" },
@@ -1636,7 +1636,7 @@ $.fn.dataTable.ext.order['dom-checkbox'] = function  ( settings, col )
 
 /* Initialise the table with the required column ordering data types */
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"columns": [
 			null,
 			{ "orderDataType": "dom-text-numeric" },

examples/plug-ins/sorting_auto.html

@@ -38,7 +38,7 @@ $.fn.dataTable.ext.type.order['salary-grade-pre'] = function ( d ) {
 
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 
@@ -575,7 +575,7 @@ $.fn.dataTable.ext.type.order['salary-grade-pre'] = function ( d ) {
 
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/plug-ins/sorting_manual.html

@@ -29,7 +29,7 @@ $.fn.dataTable.ext.type.order['salary-grade-pre'] = function ( d ) {
 };
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"columnDefs": [ {
 			"type": "salary-grade",
 			"targets": -1
@@ -564,7 +564,7 @@ $(document).ready(function() {
 };
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"columnDefs": [ {
 			"type": "salary-grade",
 			"targets": -1

examples/server_side/custom_vars.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": {
@@ -91,7 +91,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
 		&quot;ajax&quot;: {

examples/server_side/defer_loading.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": "scripts/server_processing.php",
@@ -166,7 +166,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
 		&quot;ajax&quot;: &quot;scripts/server_processing.php&quot;,

examples/server_side/ids.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": "scripts/ids-objects.php",
@@ -97,7 +97,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
 		&quot;ajax&quot;: &quot;scripts/ids-objects.php&quot;,

examples/server_side/jsonp.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": {
@@ -87,7 +87,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
 		&quot;ajax&quot;: {

examples/server_side/object_data.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": "scripts/objects.php",
@@ -87,7 +87,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
 		&quot;ajax&quot;: &quot;scripts/objects.php&quot;,

examples/server_side/pipeline.html

@@ -138,7 +138,7 @@ $.fn.dataTable.Api.register( 'clearPipeline()', function () {
 // DataTables initialisation
 //
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": $.fn.dataTable.pipeline( {
@@ -324,7 +324,7 @@ $.fn.dataTable.Api.register( 'clearPipeline()', function () {
 // DataTables initialisation
 //
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": $.fn.dataTable.pipeline( {

examples/server_side/post.html

@@ -20,7 +20,7 @@
 
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": {
@@ -95,7 +95,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
 		&quot;ajax&quot;: {

examples/server_side/select_rows.html

@@ -22,7 +22,7 @@
 $(document).ready(function() {
 	var selected = [];
 
-	$("#example").dataTable({
+	$("#example").DataTable({
 		"processing": true,
 		"serverSide": true,
 		"ajax": "scripts/ids-arrays.php",
@@ -102,7 +102,7 @@ $(document).ready(function() {
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
 	var selected = [];
 
-	$(&quot;#example&quot;).dataTable({
+	$(&quot;#example&quot;).DataTable({
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
 		&quot;ajax&quot;: &quot;scripts/ids-arrays.php&quot;,

examples/server_side/simple.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		"processing": true,
 		"serverSide": true,
 		"ajax": "scripts/server_processing.php"
@@ -82,7 +82,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		&quot;processing&quot;: true,
 		&quot;serverSide&quot;: true,
 		&quot;ajax&quot;: &quot;scripts/server_processing.php&quot;

examples/styling/bootstrap.html

@@ -21,7 +21,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -537,7 +537,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/styling/cell-border.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -528,7 +528,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/styling/compact.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/styling/display.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -543,7 +543,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/styling/foundation.html

@@ -21,7 +21,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		scrollY: 200,
 		paging: false
 	} );
@@ -540,7 +540,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable( {
+	$('#example').DataTable( {
 		scrollY: 200,
 		paging: false
 	} );

examples/styling/hover.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/styling/jqueryUI.html

@@ -21,7 +21,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -540,7 +540,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/styling/no-classes.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -528,7 +528,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/styling/order-column.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -529,7 +529,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/styling/row-border.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -528,7 +528,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>

examples/styling/stripe.html

@@ -19,7 +19,7 @@
 	<script type="text/javascript" language="javascript" class="init">
 
 $(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );
 
 	</script>
@@ -528,7 +528,7 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
-	$('#example').dataTable();
+	$('#example').DataTable();
 } );</code>
 
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>