title: .autocomplete is not a function Error
body: <p>below is my My Code</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And my Html code is</p>
  
  <pre><code>&lt;div class="ui-widget"&gt;
  &lt;input name="searcharea" class="selectarea" id="searcharea" type="text" value="" placeholder="Area"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my Function is</p>
  
  <pre><code>&lt;script&gt;
  $(function(){
      $( "#searcharea" ).autocomplete({
          source: "suggestions.php"
      });
      $( "#searchcat" ).autocomplete({
          source: "suggestions1.php"
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have included this page into a seperate file with search code of my website and I have embeded it on various pages, On my index page, it is suggesting me values from source files, but on other pages it is giving me typerror on line</p>
  
  <pre><code>$( "#searcharea" ).autocomplete({
  </code></pre>
  
  <p>My website link is:
  <a href="http://www.jodhpuryp.in/">http://www.jodhpuryp.in/</a></p>
  
  <p>This is source of my autosuggestion box
  <a href="http://api.jqueryui.com/autocomplete/">http://api.jqueryui.com/autocomplete/</a></p>
  
  <p>Can anybody tell me, why I am getting this error on other pages of my website while its working on index page.Any help is appreciated.Thanks</p>