title: autocomplete "is not a function"
body: <p>We've tested the Jquery UI (jquery-ui-1.8.10.custom.min.js) Autocomplete function in a simple HTML page which worked. </p>
  
  <p>We then copy the same code into an Asp.net User Control and it stops working. The Javascript error reads "$searchBox.autocomplete is not a function".</p>
  
  <p>This user control is being used in an Asp.net Sitefinity 3.7 project. On the page it has a ScriptManager. Not sure what else I can add...</p>
  
  <p>Anyone know what's going on? </p>
  
  <p>Ammend: </p>
  
  <pre><code>&lt;script src="/js/jquery-1.5.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          var termTemplate = "&lt;span class='ui-autocomplete-term'&gt;%s&lt;/span&gt;";
  
          $('input#searchInput').autocomplete({
              source: ['johannesburg z', 'johannesburg x', 'johannesburg v', 'johannesburg b', 'johannesburg a', 'johannesburg q', 'johannesburg u', 'johannesburg y', 'johannesburg o', 'johannesburg p'],
              minLength: 3,
              open: function (e, ui) {
  
                  var 
                  acData = $(this).data('autocomplete'),
                  styledTerm = termTemplate.replace('%s', acData.term);
  
                  acData
                  .menu
                  .element
                  .find('a')
                  .each(function () {
                      var me = $(this);
                      me.html(me.text().replace(acData.term, styledTerm));
                  });
  
              }
          });
      });
  &lt;/script&gt;
  &lt;div class="outerSearchBox"&gt;
      &lt;div class="searchFieldWrapper"&gt;
          &lt;input id="searchInput" type="text" class="searchField" /&gt;&lt;a class="searchButton"&gt;SEARCH
          &lt;/a&gt;
          &lt;div class="searchSugContainer"&gt;
  </code></pre>
  
  <p>Thanks.</p>