title: select2 jquery plugin not working after ajax calling for HTML content change
body: <p>i did called ajax function for html div change, In that div change content have 'select2' jquery class to select box. After ajax loaded that select2 jquery plugin not working properly.</p>
  
  <p>This my js:</p>
  
  <pre><code>$('body').on('click', '.portlet &gt; a.reloadcontent', function(e) {
     $.ajax({
        type: "GET",
        cache: false,
        url: url,
        dataType: "html",
        success: function(res) {
            $('#colpart').find('.portlet-body').html(res);
        }
     });
  });
  </code></pre>
  
  <p>This my HTML:</p>
  
  <pre><code>&lt;div id="#colpart"&gt;
      &lt;a href="#" data-url="columnspage.html" class="reloadcontent" data-load="true"&gt;Columns&lt;/a&gt;
      &lt;div class="portlet-body"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>columnspage.html </p>
  
  <pre><code>&lt;select class="form-control select2me" data-placeholder=""&gt;
       &lt;option value=""&gt;&lt;/option&gt;
       &lt;option value="1"&gt;Column 1&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>select2me class for select2 jquery plugin.</p>