title: How to install and work with jQuery Chosen plugin?
body: <p>I downloaded jQuery's Chosen plugin, copied the <strong>chosen.min.css</strong> and <strong>chosen.jquery.min.js</strong> files in my project.</p>
  
  <p>Copied link paths in my CSHTML:</p>
  
  <pre><code>&lt;link href="~/Content/Bootstrap/css/chosen.min.css" rel="stylesheet" /&gt;
  &lt;script src="~/Content/Bootstrap/js/chosen.jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I have a dropdown list in my CSHTML, somewhat this way:</p>
  
  <pre><code>&lt;div class="col-md-4"&gt;
       &lt;div class="btn-group pull-left"&gt;
            &lt;button type="button" class="btn dropdown-toggle btn-md set-border" data-toggle="dropdown" id="dropdownbtn"&gt;
                &lt;span class="spn-action"&gt;Add new criteria&lt;/span&gt;&lt;span class="caret" id="caretAdjustment"&gt;&lt;/span&gt;
            &lt;/button&gt;
            &lt;ul class="dropdown-menu" id="chzn-select" role="menu"&gt;
                @foreach(var item in Model)
                {
                   &lt;li onclick="ShowMessage('@item.Criteria')"&gt;&lt;a href="#"&gt;@item.Criteria&lt;/a&gt;&lt;/li&gt;
                }  
             &lt;/ul&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My jQuery:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $(function () {
              $("#chzn-select").as(Chosen).chosen();
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>But nothing as expected by 'Chosen' happens... Where am I going wrong?</p>
  
  <p>Thanks in advance.</p>