title: Select2 Select in Bootstrap Modal
body: <p>I've already checked the other threads, covering this problem, but none of this solutions work for me.</p>
  
  <p>I'm using jquery 1.11.2, select2-4.0.0-beta.3 and bootstrap-3.3.1</p>
  
  <p>My modal looks like following:</p>
  
  <pre><code>&lt;div class="modal fade" id="addProductModal"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                  &lt;h4 class="modal-title"&gt;Add Product&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
  
              {!! BootForm::openHorizontal(2,10)-&gt;action('/recipes/'.$recipe-&gt;id.'/product')-&gt;post() !!}
  
                {!! BootForm::select('Produkte: ','product_list[]' , $products)-&gt;id('products') !!}
                {!! BootForm::submit('Erstellen') !!}
  
                {!! BootForm::token() !!}
              {!! BootForm::close() !!}
  
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Schließen&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!-- /.modal-content --&gt;
      &lt;/div&gt;&lt;!-- /.modal-dialog --&gt;
  &lt;/div&gt;&lt;!-- /.modal --&gt;
  </code></pre>
  
  <p>And I want to call <code>$('#products').select2();</code>
  The plugin works fine in other places. But it's screwed up in a modal:</p>
  
  <p><img src="https://i.stack.imgur.com/Xym4E.png" alt="http://imgur.com/rzcTVTD"></p>
  
  <p>Update: (Not) Working fiddle here <a href="http://jsfiddle.net/Strernd/o0d3vtek/" rel="noreferrer">http://jsfiddle.net/Strernd/o0d3vtek/</a></p>