title: Problem loading jQuery autocomplete. Getting TypeError. Also getting confused
body: <p>I posted a question earlier about getting autocomplete to work, but it appears I'm having some other issue. Here is my header HTML:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="&lt;?php echo base_url(); ?&gt;extras/css/jquery/themes/base/jquery.ui.all.css"&gt;
  &lt;script src="&lt;?php echo base_url(); ?&gt;extras/js/jquery/jquery-1.5.min.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?php echo base_url(); ?&gt;extras/js/jquery/ui/jquery.ui.core.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?php echo base_url(); ?&gt;extras/js/jquery/ui/jquery.ui.widget.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?php echo base_url(); ?&gt;extras/js/jquery/ui/jquery.ui.position.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?php echo base_url(); ?&gt;extras/js/jquery/ui/jquery.ui.autocomplete.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  
  $(document).ready(function() {
      $.ajax({
        type: "POST",
        url: "http://localhost:8888/index.php/welcome/get_client/",
        dataType: "json",
        data: "{}",
        success: function(data) {                
            ("#search_client").autocomplete({
                source: data
            });
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
           alert(textStatus);
        }
    });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>When the page is loaded in Safari (my only browser), the error console brings up this message:</p>
  
  <pre><code>TypeError: Result of expression '("#search_client").autocomplete' [undefined] is not a function.
  </code></pre>
  
  <p>Googling doesn't bring up much. Most results say that part isn't loading. But the Resources panel in Safari does say it is being loaded. What could be the problem? I'm pretty confused by this.</p>