jquery UI with jquerymobile

jquery UI with jquerymobile

Hi All,
  I try to use autocomplete widget from jquery UI in jquerymobile page. but it shows an error
  Uncaught TypeError: Object [object Object] has no method 'autocomplete'

I think it is caused by some clashes in my header.But, how to use jquery UI features with jquerymobile?

the autocomplete feature is works fine when i remove the headers

<link rel="stylesheet" href="css/jquery.mobile-1.3.0-rc.1.min.css" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.mobile-1.3.0-rc.1.min.js"></script>


my code is

<!Doctype html>
<html>
 <head>
  <title>Geo position Aware Vehicle Locator</title>
   <link rel="stylesheet" href="css/jquery-ui.css" />
   <script src="js/jquery-1.9.1.js"></script>
   <script src="js/jquery-ui.js"></script>
   <link rel="stylesheet" href="css/jquery.mobile-1.3.0-rc.1.min.css" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.mobile-1.3.0-rc.1.min.js"></script>
   <script>
$(function(){
var stops = ["A.Mettur","A.mettutheru","A.Nedupatti","Aachanur","Aadhimariyamman Kovil","Bagavathypuram","Balasamuthirapatti","Balaji Nagar","Bell Ngr Cross",,"Boothalur","Burma Colony Nal Road","C.R Palayam Cross Road","C.R Palayam","C.Ayyampalayam","C Type","Cement Mill","CBS","Chettiyapatti","China Velakanatham","Chithar Vessels","Cholanagar","Chirusthurai Clg","Cholama Ngr","Desiyamangalam","D-Ngr","Devangudi","Dalmiyapuram cross","Dalmiyapuram B/S","CSI Hospital","EB Colony","Edaiyatrumangalam","Enamkalpalayamcross Road","Enamkalpalayam","Erangudi","Elanthapatti Cross","Elanthapatti","Electronics/Bell Ngr","Evr Clg","Evr Clg/Law Clg","Exserviceman Colony","Ezhilnagar","Geetha Ngr","Gandhinagar","Ganesapuram","Ganesapuram Cross Road","Gandhimarket","G Corner","Ganesa","Gandhipuram","Ibrahim Park","Irungalur Cross Road","irungalur","IT Park/Kovil","ITI","Iyyampatti","Iyan Puthur","Iruthayapuram"];

  $("#source").autocomplete({
source:stops });
$("#dest").autocomplete({
source:stops });
});
   </script>
 </head>
 <body>
<div data-role="page" data-theme="b">
        <div data-role="header" data-theme="b">
                <p align="center">Geo Position Aware Vehicle Locator</p>
        </div>
<div data-role="content" data-theme="b">
<label for="source">Enter Source:</label>
<input id= "source"/>
<label for="dest">Enter Destination:</label>
<input id="dest"/>
<a id="search" data-role="button" data-theme="b">search</a>
</div>

 </body>
</html>


 Any help will be appreciated.


cheers,
-vani