title: How do I use Chosen jQuery in my html file?
body: <p>How do I apply Chosen jQuery in my html page?</p>
  
  <p>I have a <code>select</code> form so I need to use the <code>multiple select</code> by Chosen to make it look more user friendly.</p>
  
  <pre><code>&lt;select class="chosen" multiple="true" name="faculty"&gt;
          &lt;option value="AC"&gt;A&lt;/option&gt;
          &lt;option value="AD"&gt;B&lt;/option&gt;
          &lt;option value="AM"&gt;C&lt;/option&gt;
          &lt;option value="AP"&gt;D&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I've downloaded the files and copied it into my webpage folder.</p>
  
  <p>So, what I did was include the <code>chosen.jquery.min.js</code> in <code>&lt;head&gt;</code>:</p>
  
  <pre><code>&lt;script type="text/javascript" src="chosen/chosen.jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And the instruction says to Call the chosen plugin: <code>$(".chzn-select").chosen();</code></p>
  
  <p>I don't know where to put that JavaScript statement in order to invoke Chosen multiple select. I thought it was as easy as using Bootstrap, hah. Any help? </p>