title: How to add autosuggest to my searchbar?
body: <p>I'm trying to add an autosuggest function to my searchbar using jquery. But I'm unsuccessful in my attempts. I've followed the tutorials but still don't get it.</p>
  
  <p>The hide().show(2000) works on my searchbar but not the rest. What have I missed?</p>
  
  <p>EDIT: I've kept digging for solutions and still no luck. I've edited my code with my new changes. I've found that function online at <a href="https://goodies.pixabay.com/jquery/auto-complete/demo.html" rel="nofollow noreferrer">https://goodies.pixabay.com/jquery/auto-complete/demo.html</a> and it works on their site.</p>
  
  <p>EDIT2: I've managed to get it to work as a stand alone site. Is it possible that something is blocking it on my real site? If so, how can I overwrite the block?</p>
  
  <pre><code>$(function(){
  $('#search').autoComplete({
      minChars: 2,
      source: function(term, suggest){
          term = term.toLowerCase();
          var choices = ['ActionScript', 'AppleScript', 'Asp', ...];
          var matches = [];
          for (i=0; i&lt;choices.length; i++)
              if (~choices[i].toLowerCase().indexOf(term)) matches.push(choices[i]);
          suggest(matches);
      }
  });
  });
  </code></pre>
  
  <p>My html code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
  
    &lt;title&gt;Testsite&lt;/title&gt;
  
    &lt;script&gt;"jQuery-autoComplete-master/jquery.auto-complete.min.js"&lt;/script&gt;
    &lt;script&gt;"jQuery-autoComplete-master/jquery.auto-complete.js"&lt;/script&gt;
    &lt;script&gt;"jQuery-autoComplete-master/jquery.auto-complete.css"&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
              &lt;h1&gt;Search field&lt;/h1&gt;
      &lt;input id="search" style="width: 500px; height: 50px;font-size:18pt;" placeholder="ActionScript or AppleScript"&gt;&lt;br&gt;
      &lt;div id="results"&gt;&lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;
  
  
      &lt;!--&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"&gt;&lt;/script&gt;--&gt;
      &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
      &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
          //function for autocomplete
      &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>