title: how to display jquery autocomplete results on other fields?
body: <p>Appologies, brand new to jquery and autocomplete. Been searching for days but cannot get my head around how to display the result of a query on a website.</p>
  
  <p>Following code is almost identical copy from the jquery autocomplete site <a href="http://jqueryui.com/autocomplete/" rel="nofollow">http://jqueryui.com/autocomplete/</a> , just amended at the end with what my brain refuses to grasp...</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;title&gt;jQuery UI Autocomplete - Default functionality&lt;/title&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqueryui.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;
  &lt;link rel="stylesheet" href="/resources/demos/style.css" /&gt;
  &lt;script&gt;
  $(function() {
  var availableTags = [
  "ActionScript",
  "Fortran",
  "Groovy",
  "Haskell",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
  ];
  $( "#tags" ).autocomplete({
  source: availableTags
  });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="ui-widget"&gt;
  &lt;label for="tags"&gt;Tags: &lt;/label&gt;
  &lt;input id="tags" /&gt;
  &lt;/div&gt;
  
  &lt;p&gt;
  The choice you selected is
  
  &lt;script&gt;
  ???
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any hint/pointer/solution to stop me going round in circles would be much appreciated.</p>
  
  <p>Thanks!</p>