Conflit Jquery Javascript

Bonjour à tous

Je viens écrire ici car j'ai un problème que je n'arrive pas à résoudre.
Un conflit Jquery qui se trouve au niveau des déclaration de script.

Mes deux script fonctionnent bien seul.

Code:

1
2
3
4
5
6
7
$(document).ready( function () {	
	$( "input[type=submit], a, button" ).button();
	$( "#dt1" ).datepicker();
	$( "#dt2" ).datepicker();
	$('#niveau').autocomplete({source : 'niveaux.php'});
	$('#niveau > input.ui-autocomplete-input').css('width',      '300px');
} );

Code:

1
2
3
4
5
$(document).ready( function () {
	$('#table_id').dataTable();
	var oTable = $('#table_id').dataTable();
	oTable.fnSort( [ [0,'desc'] ] );
} );

Mais des que je veux les associés sur la même page la ça bloque
Seul le tableau apparaît les autre se change en input classique

Code:

1
2
3
4
5
6
7
8
9
10
$(document).ready( function () {
	$('#table_id').dataTable();
	var oTable = $('#table_id').dataTable();
	oTable.fnSort( [ [0,'desc'] ] );
	$( "input[type=submit], a, button" ).button();
	$( "#dt1" ).datepicker();
	$( "#dt2" ).datepicker();
	$('#niveau').autocomplete({source : 'niveaux.php'});
	$('#niveau > input.ui-autocomplete-input').css('width', '300px');
} );

Avez vous déjà eu ce genre de cas ?

Merci