title: How to add unique ID to select2 dropdown
body: <p>I am having an issue where I have multiple select's on the page and we are using select2. I would like to style just this one specific select but i'm having trouble making it unique so I can add some CSS. I can get the ID to be added to the container, but what is actually happening is when the dropdown is opened, the code is added at the very bottom of the body so I am unable to target it with an ID or css without applying it to every single select.</p>
  
  <p>How can I get an id or class added to the code below? I am using select2 v3.4.0.
  If you open a select on this page you can see what i'm referring to. <strong><a href="http://select2.github.io/select2/" rel="nofollow noreferrer">SELECT 2</a></strong></p>
  
  <pre><code>&lt;div class="select2-drop select2-display-none select2-drop-active select2-with-searchbox" style="display: block; top: 468px; left: 627.078px; width: 252px;" id="select2-drop"&gt;
      &lt;div class="select2-search"&gt;
          &lt;input type="text" autocomplete="off" autocorrect="off" autocapitilize="off" spellcheck="false" class="select2-input"&gt; &lt;/div&gt;
      &lt;ul class="select2-results"&gt;
          &lt;li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted"&gt;
              &lt;div class="select2-result-label"&gt;&lt;span class="select2-match"&gt;&lt;/span&gt;Standard Vehicle&lt;/div&gt;
          &lt;/li&gt;
          &lt;li class="select2-results-dept-0 select2-result select2-result-unselectable select2-disabled"&gt;
              &lt;div class="select2-result-label"&gt;&lt;span class="select2-match"&gt;&lt;/span&gt;&lt;/div&gt;
          &lt;/li&gt;
          &lt;li class="select2-results-dept-0 select2-result select2-result-selectable"&gt;
              &lt;div class="select2-result-label"&gt;&lt;span class="select2-match"&gt;&lt;/span&gt;Motorcycles &amp;amp; Scooters&lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>