title: Style autocomplete with Zurb Foundation
body: <p>What is the best practice to use Foundation features instead of jQuery CSS for Autocomplete?</p>
  
  <p>Here is my code: <a href="http://jsfiddle.net/qhoc/88kfb/">http://jsfiddle.net/qhoc/88kfb/</a></p>
  
  <pre><code>&lt;div class="row"&gt;
   &lt;form class="custom"&gt;
   &lt;fieldset&gt;
   &lt;legend&gt;Fieldset&lt;/legend&gt;
   &lt;div class="row"&gt;
    &lt;div class="large-12 columns ui-widget"&gt;
     &lt;label for="tags"&gt;Input Label&lt;/label&gt;
      &lt;input id="tags" type="text" placeholder="large-12.columns"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;   
  </code></pre>
  
  <p>I just don't like to include another .css file which is overhead on the page:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
  </code></pre>
  
  <p>So I guess I have two questions:</p>
  
  <ol>
  <li><p>Is there a way to use <code>dropdown</code> from Foundation or something? It seems like <code>dropdown</code> is only for <code>topbar</code> and its css screwed up outside that particular use case.</p></li>
  <li><p>What is some "standard" way to create the dropdown menu in Foundation? Please help with some example. Because I was thinking it's either bunch of <code>rows</code> or it could be a tweak from <code>dropdown</code></p></li>
  </ol>