title: The popup values are not displayed? How to resolve it?
body: <p>I am working in asp.net core. And I am using typescript. I am using the select2 option. But the values are not displayed ie)the popup is not displayed.</p>
  
  <p>HTML:- </p>
  
  <pre><code> &lt;select class="js-example-basic-multiple js-states form-control select2-hidden-accessible" multiple="" tabindex="-1" aria-hidden="true"&gt;
              &lt;optgroup label="Alaskan/Hawaiian Time Zone"&gt;
                  &lt;option value="AK"&gt;Alaska&lt;/option&gt;
                  &lt;option value="HI"&gt;Hawaii&lt;/option&gt;
              &lt;/optgroup&gt;
              &lt;optgroup label="Pacific Time Zone"&gt;
                  &lt;option value="CA"&gt;California&lt;/option&gt;
                  &lt;option value="NV"&gt;Nevada&lt;/option&gt;
                  &lt;option value="OR"&gt;Oregon&lt;/option&gt;
                  &lt;option value="WA"&gt;Washington&lt;/option&gt;
              &lt;/optgroup&gt;
              &lt;optgroup label="Mountain Time Zone"&gt;
                  &lt;option value="AZ"&gt;Arizona&lt;/option&gt;
                  &lt;option value="CO"&gt;Colorado&lt;/option&gt;
                  &lt;option value="ID"&gt;Idaho&lt;/option&gt;
                  &lt;option value="MT"&gt;Montana&lt;/option&gt;
                  &lt;option value="NE"&gt;Nebraska&lt;/option&gt;
                  &lt;option value="NM"&gt;New Mexico&lt;/option&gt;
                  &lt;option value="ND"&gt;North Dakota&lt;/option&gt;
                  &lt;option value="UT"&gt;Utah&lt;/option&gt;
                  &lt;option value="WY"&gt;Wyoming&lt;/option&gt;
              &lt;/optgroup&gt;
          &lt;/select&gt;
          &lt;span class="select2 select2-container select2-container--default select2-container--below select2-container--focus" dir="ltr" style="width: 100%;"&gt;
          &lt;span class="selection"&gt;
              &lt;span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1"&gt;
              &lt;ul class="select2-selection__rendered"&gt;&lt;li class="select2-search select2-search--inline"&gt;
                  &lt;input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/span&gt;&lt;/span&gt;
          &lt;span class="dropdown-wrapper" aria-hidden="true"&gt;&lt;/span&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Script:-</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(".js-example-basic-multiple").select2();
  &lt;/script&gt; 
  </code></pre>
  
  <p>style:</p>
  
  <pre><code> &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /&gt;
  </code></pre>
  
  <p>script:-</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is my code. Can anyone suggest what mistakes I have done? </p>
  
  <p>Is there any example (complete code) for select2?  </p>