title: How to append an unordered list to en exisiting html element using jquery
body: <pre><code>&lt;input class ="metro" type="text" name="city"&gt;
  </code></pre>
  
  <p>This is input tag as a child of which I need to append an unordered list which is passed as an array to a function call as follows</p>
  
  <pre><code>$("input").autoComplete(["agra","bombay","delhi","chennai"]);
  </code></pre>
  
  <p>This autocomplete function accepts an array and outputs its elements as an unorederd list which I am not able to do.</p>