javascript - Jquery Select 2で選択した値が表示されない

Question

Select2 プラグインが templateFormat オプションで選択されたオプションを表示しない

マークアップ:

<select id="plans" style="width: 75%">
<option value="1" name="text1" price="$1" saving="text" selected="selected"></option>
<option value="2" name="text2" price="$2" saving="text" selected="selected"></option>

js:

$(document).ready(function() { 
 $('select#plans').select2({
   minimumResultsForSearch: Infinity,
   templateResult: formatState
});
});
function formatState(state) {
if (!state.id) return state.text;
var html = '<span class="name">' + state.element.attributes.name.value + "</span>"
html += '<span class="price">' + state.element.attributes.price.value + </span>"
html += '<span class="saving">' + state.element.attributes.saving.value + "</span>"
var $state = $(html);
return $state
}

ここに上記のコードのフィドルがあります

ありがとうございました