I'm trying to load additional data on my select (select2), but the Trigger Event is not loading the additional data. The code and results are shown below.

$('#section').select2();
var data = {
    id: 1,
    text: 'text_default',
    anothertext: 'text_2'
};
var newOption = new Option(data.text, data.id, true, true);
$('#section').append(newOption).trigger('change'); //until this point, everything works
$('#section').trigger({
    type: 'select2:select',
    params: {
        data: data
    }
});

console.log($('#section').select2('data')[0]['text']);// return text_default
console.log($('#section').select2('data')[0]['anothertext']);// return undefined
console.log($('#section').select2('data')['anothertext']);//only for test, return undefined
console.log($('#section').data('anothertext'));//only for test, return undefined

Is anything wrong with the code?