title: jquery mobile autocomplete error: Uncaught TypeError: Object [object Object] has no method 'autocomplete'
body: <p>I'm trying to implement Jquery Mobile Autocomplete (<a href="https://github.com/commadelimited/autoComplete.js" rel="nofollow">https://github.com/commadelimited/autoComplete.js</a>).</p>
  
  <p>The following code shows the Search Field and Target:</p>
  
  <pre><code>&lt;div class="editor-field"&gt;
      &lt;input id="stockItem_id" name="stockXferDetail.stockItem.title" type="text" value="" /&gt;
      &lt;ul id="stockItemList" data-role="listview" data-inset="true"&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The following code shows the script/s:</p>
  
  <pre><code>&lt;script src="/Scripts/jquery-1.8.2.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.mobile-1.2.0.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jqm.autoComplete-1.5.2-min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function () {
           $("#stockItem_id").autocomplete({
               target: $("#stockItemList"),
               source: '/StockItem/AutoCompleteStockItem',
               minLength: 1
           });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>However, this solution generates the following error:</p>
  
  <pre><code>Uncaught TypeError: Object [object Object] has no method 'autocomplete' 
  </code></pre>
  
  <p>I can fix the error by referencing the "jquery-ui" script.  However, the results of the autocomplete function are not shown in the Target and are displayed in raw html.</p>
  
  <p>Also, the example at <a href="http://www.andymatthews.net/code/autocomplete/complex.html" rel="nofollow">http://www.andymatthews.net/code/autocomplete/complex.html</a> does not use/require "jquery-ui".</p>