title: jQuery-chosen - Push custom option attribute of selected option to list
body: <p>I've an option list like bellow</p>
  
  <pre><code>&lt;select data-placeholder="Choose users" style="width:350px;" multiple class="chosen-select" tabindex="8"&gt;
      &lt;option data-user-id="1"&gt;User1&lt;/option&gt;
      &lt;option data-user-id="3"&gt;User2&lt;/option&gt;
      &lt;option data-user-id="6"&gt;User3&lt;/option&gt;
      &lt;option data-user-id="14"&gt;User4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I can select multiple options using <a href="https://github.com/harvesthq/chosen" rel="nofollow">chosen plugin</a>. Each selected value entered into new <code>&lt;li&gt;</code> element like the follow:</p>
  
  <pre><code>&lt;li class="search-choice"&gt;&lt;span&gt;User&lt;/span&gt;&lt;a class="search-choice-close" data-option-array-index="2"&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Is there any way to push data-user-id from the option to the above <code>&lt;li&gt;</code>.</p>
  
  <p>Can I do it without hacking chosen plugin?</p>
  
  <blockquote>
    <p>Below you will find my solution by changing a little bit chosen plugin</p>
  </blockquote>