Select2 doesn't show selected value
<p>Select2 loads all items from my list successful, the issue I found when try to select a specific value when page loads. Example:</p>

<p>:: put select2 in a specific html element, no value is selected even all items are loaded.</p>

<pre><code>$('#my_id').select2();
</code></pre>

<p>:: When the page is loaded I'm trying to show a specific item selected, but doesn't work as expected, because even selected, the select2 doesn't show it.</p>

<pre><code>$('#my_id').val('3'); //select the right option, but doesn't render it on page loads.
</code></pre>

<p>How to make a selected option to pop up when pages loads?</p>

<p>Thanks in advance.</p>

<h1>UPDATED</h1>

<p>:: How I load all select2 items (sorry, its jade, not pure HTML):</p>

<pre><code>label(for='category') Category
    span.required *
select(id='category', style='width:230px', name='category')
    option(value='') - Select -
    each cat in categories
        option(value='#{cat.id}') #{cat.description}
</code></pre>

<p>P.S.: All items from my list are loaded.</p>

<p>:: How I initialize the select2:</p>

<p>Just put the following line code on my javascript and it does successful:</p>

<pre><code>$('#category').select2();
</code></pre>

<p>:: How I'm trying to select a specific value:</p>

<ul>
<li><p>First attempt:</p>

<pre><code>$('#category').select2(
    {
        initSelection: function(element, callback) {
            callback($('#field-category').val());
        }
    }
);
</code></pre></li>
<li><p>Second attempt:</p>

<p>$('#category').val($('#field-category').val());</p></li>
</ul>

<p>P.S.: #field-category has a value its a hidden input field and works OK.</p>

<p>Thanks, guys!</p>
