title: How to add HTML content at select2 dropdown box
body: <p>I've used <a href="http://ivaynberg.github.io/select2/" rel="noreferrer">Select2 plugin</a> for tag input. <a href="http://jsfiddle.net/learner73/LfhL33kc/1/" rel="noreferrer">Here is the fiddle of my basic work</a>. I need showing "used number" of each options/tags at dropdown box like this way:</p>
  
  <p><img src="https://i.imgur.com/TxMPftm.png" title="Hosted by imgur.com"/></p>
  
  <p>I've created a class for that number in my CSS (<code>.used-number</code>). But, I don't understand how can I add that number for each options at my HTML file. Is there a way to add those something like this(or any other way):</p>
  
  <pre><code>$(".tag").select2({
       data:[{tag: 'red',text:'3',className: 'used-number'},{tag: 'green',text:'12',className: 'used-number'},{tag: 'blue',text:'5', className: 'used-number'},{tag: 'black',text:'7'}]
  });
  </code></pre>
  
  <p>});</p>