select2.js multiple

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css">
<select multiple id="elem" style="width:300px">
        <option value="AL">Alabama</option>
        <option value="Am">Amalapuram</option>
        <option value="An">Anakapalli</option>
        <option value="Ak">Akkayapalem</option>
        <option value="WY">Wyoming</option>
    </select>

JavaScript

$("#elem").select2().on('change', function () {
    alert($(this).val()); // all values
    alert($(this).find(':selected:last').val()); // last selected value
    
    // strange way to get it from the rendered select2 dropdown
    // just for testing
    var li_count = $('#s2id_elem').find('li').length;
    alert($('#s2id_elem').find('li').eq(li_count-2).find('div').text());
});