FontAwesome with Select2

How to insert FontAwesome inside Select2. Code borrowed from the following plugin: http://bit.ly/1iqHvgK

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.0/normalize.min.css">
<div class="select2-wrapper">
    <select name="wpmse_options[social_list]" id="mse_social_list" class="input-block-level wpmse_select2" required>
        <option value="fa-adn" data-icon="fa-adn">Adn</option>
        <option value="fa-android" data-icon="fa-android">Android</option>
        <option value="fa-apple" data-icon="fa-apple">Apple</option>
        <option value="fa-bitbucket" data-icon="fa-bitbucket">Bitbucket</option>
        <option value="fa-bitbucket-square" data-icon="fa-bitbucket-square">Bitbucket Square</option>
        <option value="fa-bitcoin" data-icon="fa-bitcoin">Bitcoin</option>
        <option value="fa-btc" data-icon="fa-btc">Btc</option>
        <option value="fa-css3" data-icon="fa-css3">Css3</option>
        <option value="fa-dribbble" data-icon="fa-dribbble">Dribbble</option>
        <option value="fa-dropbox" data-icon="fa-dropbox">Dropbox</option>
        <option value="fa-facebook" data-icon="fa-facebook">Facebook</option>
        <option value="fa-facebook-square" data-icon="fa-facebook-square">Facebook Square</option>
        <option value="fa-flickr" data-icon="fa-flickr">Flickr</option>
        <option value="fa-foursquare" data-icon="fa-foursquare">Foursquare</option>
        <option value="fa-github" data-icon="fa-github">Github</option>
        <option value="fa-github-alt" data-icon="fa-github-alt">Github Alt</option>
        <option value="fa-github-square" data-icon="fa-github-square">Github Square</option>
        <option value="fa-gittip" data-icon="fa-gittip">Gittip</option>
        <option value="fa-google-plus"...

CSS

body {
    padding: 20px;
    font-size: 14px;
}
/* Optional Wrapper to help with Responsive Designs */
 .select2-wrapper {
    width: 300px;
}
/* Optional styling to the right */
 .select2-results .fa {
    float: right;
    position: relative;
    line-height: 20px;
}

JavaScript

function format(icon) {
    var originalOption = icon.element;
    alert('hi');
    return '<i class="fa ' + $(originalOption).data('icon') + '"></i> ' + icon.text;
}
$('.wpmse_select2').select2({
    width: "100%",
    formatResult: format
});