title: How to use multiple select in mvc 4?
body: <p>I want to use multiple select in 
  <a href="http://harvesthq.github.com/chosen/" rel="noreferrer">Chosen</a>. 
  I have Skill model like,</p>
  
  <pre><code>public class Skill 
      {
          public int Id { get; set; }
          public string Name { get; set; }        
      }
  </code></pre>
  
  <p>This works in my application:</p>
  
  <pre><code>    &lt;select data-placeholder="Choose a Country..." class="chzn-select" multiple &gt;
             &lt;option value=""&gt;&lt;/option&gt;
             &lt;option value="United States"&gt;United States&lt;/option&gt;
             &lt;option value="Albania"&gt;Albania&lt;/option&gt;
             &lt;option value="Algeria"&gt;Algeria&lt;/option&gt;
     &lt;/select&gt;
  </code></pre>
  
  <p>I want to replace Countries data with my data. In controller i write:</p>
  
  <pre><code>        var list = MyService.LoadAllSkills();
          ViewBag.Skills = new MultiSelectList(list, "Id", "Name");
  </code></pre>
  
  <p>In view:</p>
  
  <pre><code>@Html.ListBox("Name", ViewBag.Skills as MultiSelectList,
                new { @class = "chzn-select" } )
  </code></pre>
  
  <p>View result of <strong>@Html.ListBox()</strong> and <strong>@Html.DropDownList()</strong> is not like <code>&lt;select&gt;</code> </p>
  
  <p>I get so result:</p>
  
  <p><img src="https://i.stack.imgur.com/IDiT3.png" alt="enter image description here"></p>
  
  <p>But, I want to get result as</p>
  
  <p><img src="https://i.stack.imgur.com/ry6It.png" alt="enter image description here"></p>
  
  <p>How can I change Chosen sample?</p>