title: Add fontawesome icons into select2 V4 dropdown items
body: <p>I am trying to display fontawesome icons in the Select2 v4 dropdown items. But the dropdown is displaying the html and not generating the actual icon. This method works with select2 V3 but does not seem to with v4. Any help is appreciated. Thank you</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="select2-wrapper"&gt;
      &lt;select class="input icons_select2"&gt;
          &lt;option value="fa-dribbble" data-icon="fa-dribbble"&gt;Dribbble&lt;/option&gt;
          &lt;option value="fa-dropbox" data-icon="fa-dropbox"&gt;Dropbox&lt;/option&gt;
          &lt;option value="fa-facebook" data-icon="fa-facebook"&gt;Facebook&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>function iformat(icon) {
  var originalOption = icon.element;
  return '&lt;i class="fa ' + $(originalOption).data('icon') + '"&gt;&lt;/i&gt; ' + icon.text;
  }
  $('.icons_select2').select2({
  width: "100%",
  templateSelection: iformat,
  templateResult: iformat
  });
  </code></pre>
  
  <p>See the fiddle for an example:
  <a href="http://jsfiddle.net/qCn6p/206/" rel="nofollow noreferrer">http://jsfiddle.net/qCn6p/206/</a></p>