title: Wrap element with div
body: <p><strong>jquery-3.2.1.min.js</strong></p>
  
  <p>I clone an element and would like the cloned element be wrapped in  tag.</p>
  
  <pre><code>function add_and_keeper(){
    let $and_keepers = $("#and_keepers"); // $and_keepers = [td#and_keepers]
    let $keeper_choice_clone = $person_choice.clone() // $keeper_choice_clone = [select#id_person_choice, prevObject: r.fn.init(1)]
    let $wrapped = $keeper_choice_clone.wrap("&lt;div&gt;"); // $wrapped = [select#id_person_choice, prevObject: r.fn.init(1)]
    let $new_elem = $and_keepers.append($wrapped).children("select:last-child");
  }  
  </code></pre>
  
  <p>Well, added is:</p>
  
  <pre><code>&lt;select name="person_choice" id="id_person_choice"&gt;
    &lt;option value="" selected=""&gt;---------&lt;/option&gt;
  
    &lt;option value="1"&gt;1: Smith &lt;/option&gt;
  
    &lt;option value="2"&gt;2: Johnson &lt;/option&gt;
  
  &lt;/select&gt;
  </code></pre>
  
  <p>As we can see, it is not wrapped with div.</p>
  
  <p>Desired is:</p>
  
  <pre><code>&lt;div&gt;&lt;select name="person_choice" id="id_person_choice"&gt;
    &lt;option value="" selected=""&gt;---------&lt;/option&gt;
  
    &lt;option value="1"&gt;1: Smith &lt;/option&gt;
  
    &lt;option value="2"&gt;2: Johnson &lt;/option&gt;
  
  &lt;/select&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Could you help me understand where the error is.</p>