Chained method calls doesn't work on original nor cloned element, why?

Question

I have the following HTML:

    
Make Select2         


        

Answer 1

Updated fiddle.

I suggest to use a container then append the element you want to it, check the example below.

Hope this helps.

$(function() {
  var cond1 = $('#condition_value_1');
  var cloned_cond1 = cond1.clone();
  var cond1_select = 'Opt1Opt2';

  $('#showme').click(function() {
    $("#my-container").html(cond1_select);
    $("#condition_value_1").select2({placeholder: 'Select choice',width:'100%'});
  });

  $('#clickme').click(function() {
    if ($('#condition_value_1').hasClass('select2-hidden-accessible')) {
      $("#condition_value_1").select2('destroy');
    }
    $("#my-container").html(cloned_cond1);
    $("#condition_value_1").show();
  });
});

  


Make Select2
Make Input