Autocomplete breaks when I add jQuery UI.js -

i have site form autocomplete using jquery. works fine, when add jquery ui page, stops working. have idea why or how fix it, can't seem find why.

the code autocomplete follows:

head:

<script type="text/javascript" src="js/jquery-1.5.js"></script> <script type='text/javascript' src='jquery.autocomplete.js'></script>      <script type="text/javascript">     $().ready(function() {         $("#food").autocomplete("search.php", {             width: 260,             cachelength: 10,             matchcontains: false,              //mustmatch: true,             //minchars: 0,             //multiple: true,             //highlight: false,             //multipleseparator: ",",             selectfirst: true          });     });     </script> 

body:

<input type="text" name="food" id="food" / > 

so when add following line head in code stops working:

<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script> 

is there overlap in functions between jqquery , jqueryui library breaks it? ideas on how fix this?

yes autocomplete function overlapping here. http://jqueryui.com/demos/autocomplete/

if dont wanna use jquery ui autocomplete call custom script after jquery ui script.

<script type="text/javascript" src="js/jquery-1.5.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script> <script type='text/javascript' src='jquery.autocomplete.js'></script>