Prepopulate values of Select2 (with tagging) doesn't appeare in page
<p>There are numerous discussion about Select2 v4+, and answers which describes prepopulation of selected element. But it seams in my case it's simply doesn't work. Maybe it's because I'm using <a href="https://select2.github.io/examples.html#tags" rel="nofollow">tag option</a> of Select2. Here is my HTML:</p>

<pre><code>&lt;select class="form-control" id="newProgrTrack" multiple="multiple"&gt;
 &lt;option&gt; Sony&lt;/option&gt;
 &lt;option&gt; HP&lt;/option&gt;
 &lt;option&gt; Dell&lt;/option&gt;
 &lt;option&gt; Apple&lt;/option&gt;
&lt;/select&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
        $('#newProgrTrack').select2({
            placeholder: "Select a brands or add one, by typing in",
            tags: true,
            // tokenSeparators: [',', ' ']
        });
    });
&lt;/script&gt;
</code></pre>

<p>I get ajax response from server in JSON which describes, which options are already chosen. So I need to prepopulate them in select2 as tags for user. Farther user should have oppty to add or delete options from the option list and also add new one, which is not available as select options as for now.</p>

<pre><code>brands: ['Sony','Dell'] //server response
</code></pre>

<p>So as far as I'll get new select options from user all the time, I'd like not to stick to value attribute, but to text of tag (however I try both). Most close that I get was Jquery code bellow (after select2 initialization):</p>

<pre><code>$('#newProgrTrack').val(['Sony', 'Dell']);
</code></pre>

<p>When I console.log  after - I get array with ['Sony', 'Dell'], but this tags didn't appear on HTML page. Pls help.</p>