title: How can I hide (and fadeIn) a chosen select?
body: <p>I'm using the Chosen library (http://harvesthq.github.com/chosen/) as JQuery plugin to enhance select elements.
  I need to initially hide (and then fadeIn) the select, but the way below doesn't seem to work.</p>
  
  <pre><code>&lt;!doctype html&gt; 
  &lt;html lang="en"&gt; 
  &lt;head&gt;
     &lt;link rel="stylesheet" href="chosen/chosen.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
     &lt;select id="firstChosenSelect" data-placeholder="Choose a Country..." style="width:350px;" tabindex="2"&gt;
        &lt;option value=""&gt;&lt;/option&gt; 
        &lt;option value="United States"&gt;United States&lt;/option&gt; 
        &lt;option value="United Kingdom"&gt;United Kingdom&lt;/option&gt; 
        &lt;option value="Afghanistan"&gt;Afghanistan&lt;/option&gt;
     &lt;/select&gt;
     &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
     &lt;script src="chosen/chosen.jquery.js" type="text/javascript"&gt;&lt;/script&gt;
     &lt;script type="text/javascript"&gt;
       $('#firstChosenSelect').chosen();
       $('#firstChosenSelect').hide();
     &lt;/script&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>