title: Select2 - display selected item after refresh page
body: <p>I use select2 to (<a href="https://select2.github.io" rel="nofollow">https://select2.github.io</a>) to bulding drop down list. I have problem with display selected item after refresh the page (my select is stored in DB). Where excalcly have I add select or selected="selected" ?
  I can't add this in  because every user of my website selects own item in his settings.</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
  $(".js-example-basic-single").select2({
  });
  $("select").select2({
  });
  });          
  &lt;/script&gt;
  &lt;select class="js-example-basic-single" name="field"&gt;
    &lt;option value="city1"&gt;city1&lt;/option&gt;
     &lt;option value="city2"&gt;city2&lt;/option&gt;
  &lt;/select&gt; 
  </code></pre>