title: unable to select option from select box after cloned
body: <p>i am cloning an entire div every time a <code>Add More Students</code> link is clicked.</p>
  
  <p>The cloning works but unable to select an option from the cloned select box of the cloned div.</p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>      &lt;div id="all"&gt;
          &lt;div id="student" class="row"&gt;
              &lt;div class="col-sm-6"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label class="control-label"&gt;Firstname&lt;/label&gt;
                      &lt;label style="color:red;" id="std_first_name_error"&gt;&lt;/label&gt;
                      &lt;div class="append-icon"&gt;
                          &lt;input type="text" id="std_first_name" name="std_first_name1" id="password" class="form-control" placeholder="Enter first name" minlength="4" maxlength="16" required&gt;
                          &lt;i class="icon-lock"&gt;&lt;/i&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-6"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label class="control-label"&gt;Select School&lt;/label&gt;
                      &lt;label style="color:red;" id="std_scl_error"&gt;&lt;/label&gt;
                      &lt;div class="option-group"&gt;
                        &lt;select  name="std_scl_name1" class="language" required&gt;
  
  
                          &lt;option value=""&gt;Select school..&lt;/option&gt;
  
                          &lt;?php foreach ($schools as $school) :?&gt;
                              &lt;option value="&lt;?php echo $school-&gt;sch_id; ?&gt;"&gt;&lt;?php echo $school-&gt;sch_name;?&gt;&lt;/option&gt;
                          &lt;?php endforeach; ?&gt;
  
                        &lt;/select&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div id="add_student"&gt;&lt;a&gt;&lt;u&gt;Add More Students&lt;/u&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
  
          $(document).ready(function(){       
          var count = 2;
          $('#add_student').click (function(e){
              e.preventDefault();
              var clonedEl = $('#student').first().clone();
              clonedEl.find(':text').attr('name','std_first_name'+count);
              //Add the newly div the the entire div
              $('#all').append(clonedEl);
  
              //$('[name="std_scl_name'+count+'"]').html($('[name="std_scl_name1"]').html());
  
            });
        });
          &lt;/script&gt;
  </code></pre>
  
  <p><strong>Application</strong></p>
  
  <p><img src="https://i.stack.imgur.com/nHl1b.png" alt="enter image description here"></p>