noclonflict avec jquery

Bonjours,
j'ai un petit soucis d'utilisation de jquery et mootools, bien entendu ils entrent en conflit l'un avec l'autre... j'aurais besoin qu'une seule partie de ma page soit gèrer par jquery

voici le code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<head
><script type="text/javascript" src="membres/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="membres/js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript" src="membres/js/controller.js"></script> 
<script language="javascript" type="text/ecmascript" src="js/mootools12.js"></script>
</head>
<body>
<?php include('inc/header.php'); ?>
<div id="contenu">
  <div id="left">
   	<a href=""> </a>
  </div>
     <?php include('inc/right.php'); ?>
        <div id="middle"><img src="images/rssTopM.jpg" alt="" class="imgStupide">
    	<div id="texte">
 
    		<div id="form">
			<input type="text" id="searchbox" name="searchbox" >
			<div id="buttonContainer">
				<a class="button" id="submitbutton" href="#"><span id="buttontext">Recherche</span></a>
			</div>
		</div>
		<div id="resultsContainer"></div><p>
      	  </div>
	</div>
	<?php include('inc/footer.php'); ?>
 
</div>
 
</div>
</body>

voici ce que JQuery devrait utiliser:

Code:

1
2
3
4
5
6
7
<div id="form">
			<input type="text" id="searchbox" name="searchbox" >
			<div id="buttonContainer">
				<a class="button" id="submitbutton" href="#"><span id="buttontext">Recherche</span></a>
			</div>
		</div>
		<div id="resultsContainer"></div><p>

le formulaire fait sa recherche dans un document exterieur nommé membre/search.php

si vous aviez une idée cela serait très apprécié