Как установить значение по умолчанию для поля ввода с помощью select2? вот мой HTML

<input type="text" id="itemId0" value="Item no. 1">

и мой JavaScript:

    $("#itemId0").select2({
    placeholder: 'Select a product',
    formatResult: productFormatResult,
    formatSelection: productFormatSelection,
    dropdownClass: 'bigdrop',
    escapeMarkup: function(m) { return m; },
    minimumInputLength:1,
    ajax: {
        url: '/api/productSearch',
        dataType: 'json',
        data: function(term, page) {
            return {
                q: term
            };  
        },  
        results: function(data, page) {
            return {results:data};
        }   
    }   
});

function productFormatResult(product) {
   var html = "<table><tr>";
   html += "<td>";
   html += product.itemName ;
   html += "</td></tr></table>";
   return html;
}

function productFormatSelection(product) {
var selected = "<input type='hidden' name='itemId' value='"+product.id+"'/>";
return selected + product.itemName;
}

вот в чем проблема: если я не инициализирую свое поле ввода в поле выбора 2, я могу отобразить значение по умолчанию для моего поля ввода, которое равно «Элемент № 1», но когда я инициализирую его с помощью select2, например.$("#itemId0").select2({code here}); Затем я не могу отобразить значение по умолчанию для моего текстового поля..

Кто-нибудь знает, как я могу отобразить значение по умолчанию, пожалуйста?