title: CSS class not working in dynamically added select box
body: <p>I am dynamically adding select box on button onclick by jQuery. But CSS class for the select box not working.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$(document).ready(function () {
  
      var max_fields = 10; //maximum input boxes allowed
      var wrapper = $(".input_fields_wrap"); //Fields wrapper
      var add_button = $(".add_field_button"); //Add button ID
      var x = 1;
      $("#addMore").click(function (e) {
          $(".selectized").addClass("data-md-selectize data-md-selectize-bottom");
          e.preventDefault();
          if (x &lt; max_fields) { //max input box allowed
              x++; //text box increment
              $(".more_field").append('&lt;div class="uk-width-large-1-4 uk-width-medium-1-2 abc"  data-uk-grid-margin&gt;&lt;div&gt;Railway Station(s)&lt;/div&gt;&lt;div&gt; &lt;/div&gt;&lt;select id="select_demo_2" class="selectized" data-md-selectize data-md-selectize-bottom&gt;&lt;option value="a"&gt;Ambikapur&lt;/option&gt;&lt;option value="b"&gt;Baloda Bazar&lt;/option&gt;&lt;option value="c"&gt;Bhatapara&lt;/option&gt;&lt;option value="d"&gt;Bilaspur&lt;/option&gt;&lt;option value="e"&gt;Champa&lt;/option&gt;&lt;option value="f"&gt;Dalli-Rajhara&lt;/option&gt;&lt;option value="g"&gt;Dhamtari&lt;/option&gt;&lt;option value="h"&gt;Dongargarh&lt;/option&gt;&lt;option value="i"&gt;Durg-Bhilainagar&lt;/option&gt;&lt;option value="j"&gt;Jagdalpur&lt;/option&gt;&lt;/select&gt;&lt;/div&gt;&lt;div class="uk-width-large-1-4 uk-width-medium-1-2"&gt;&lt;div&gt;&amp;nbsp; &lt;/div&gt;&lt;div&gt; &amp;nbsp;&lt;/div&gt;&lt;select id="select_demo_3" class="selectized" data-md-selectize data-md-selectize-bottom&gt;&lt;option value=""&gt;Select...&lt;/option&gt;&lt;option value="a"&gt;Agra Cantt. Railway Station (AGC)&lt;/option&gt;&lt;option value="b"&gt;Agra Fort Railway Station (AF)&lt;/option&gt;&lt;/select&gt;&lt;/div&gt;&lt;div class="uk-width-large-1-4 uk-width-medium-1-2"&gt;&lt;div&gt; &amp;nbsp;&lt;/div&gt;&lt;input type="text" class="md-input validate[required]" name="student_username" id="ereq1" placeholder="Distance"/&gt;&lt;/div&gt;&lt;div class="uk-width-large-1-4 uk-width-medium-1-2"&gt;&lt;div&gt;&lt;div class="uk-form-row"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;a href="#" onclick="calcTotal()" class="remove_field uk-icon-remove"&gt;&lt;/a&gt;&lt;/div&gt;');
          }
          $(".more_field").on("click", ".remove_field", function (e) { //user click on remove text
              //alert('test');
              $(this).parent('.abc').remove();
              x--;
          })
      });
  });
  </code></pre>