title: Select2 with form is very slow
body: <p>I have HTMl like this:</p>
  
  <pre><code>&lt;form id="successorsForm" action="/app/details/Successors" method="post"&gt;
     &lt;fieldset&gt;
  
      &lt;select class="form-control select2" data-live-search="true" 
  id="link0.discId" name="link[0].discId"
           data-select2-id="link0.discId" tabindex="0" aria-hidden="false"&gt;
          &lt;option value="1" data-select2-id="1"&gt;Item 1&lt;/option&gt;
          &lt;option value="2" data-select2-id="2"&gt;Item 2&lt;/option&gt;
          .....
          .....
      &lt;/select&gt;
  
      &lt;select class="form-control select2" data-live-search="true" 
  id="link1.discId" name="link[1].discId"
          data-select2-id="link1.discId" tabindex="0" aria-hidden="false"&gt;
          &lt;option value="1" data-select2-id="3"&gt;Item 1&lt;/option&gt;
          &lt;option value="2" data-select2-id="4"&gt;Item 2&lt;/option&gt;
          ......
          ......
      &lt;/select&gt;
    &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code> $(".select2").select2({width: '100%',  minimumInputLength: 3});
  </code></pre>
  
  <p>My page loads very slow because I have more than 4000 records, and page loads them all at once. Is there any other way, how can I solve this.</p>