title: Can't clone select2 fields
body: <p>I am trying to add a row to a table that includes a "select2" (<a href="http://ivaynberg.github.io/select2/" rel="nofollow">plugin</a>) field. Although I get the new row the new select2 select field doesn't work. Any idea why?</p>
  
  <p>p.s.: The html is in Greek, this is why I am not pasting it as well, to avoid confusion. My guess is that its a jquery issue, but anyway if you need the html let me know.</p>
  
  <pre><code>var rowtemplate = $("tr#1").html();
  function createRow(num){
      var ns = "s" + num + "id_";
      var numAdd = num + 1;
      var autoGen = numAdd + 1;
      var psomi = rowtemplate.replace("_1", "_"+num);
      $("div.select2-container").remove(); // Remove all select2 elements
      return '&lt;tr id="'+ num +'" class="troption"&gt;' + psomi + '&lt;/tr&gt;';
  }
  
  
  $('a[data-role="addrow"]').click(function(event) {
      event.preventDefault();
      var lastTr =  $('tr.troption:last'),
          lastTrid = parseInt(lastTr.attr("id")),
          newid = lastTrid + 1;
          newRowHtml = createRow(newid);
          $('tr#'+lastTrid).after(newRowHtml);
          // Recreate the select2 divs
          $(".select2").select2({
                  allowClear: true
              });
  });
  </code></pre>
  
  <p>Firebug error = uncaught exception: query function not defined for Select2 s2id_autogen3</p>