.clone() in jQuery

It helps to create a copy of the set of matched elements.

.clone()

//Please refer following example with normal copy and using .clone()

<div class=”container”>
    <div class=”section01″>Data01</div>
    <div class=”section02″>Data02</div>
</div>

//Normally it is moved from its old location. So, given the code
$( “.section01” ).appendTo( “.section02” );

<div class=”container”>
    <div class=”section02″>
       Data02
    <div class=”section01″>Data01</div>
    </div>
</div>

//To create a copy of the element, you could write the following
$( “.section01” ).clone().appendTo( “.section02” );

<div class=”container”>
    <div class=”section01″>Data01</div>
       <div class=”section02″>
       Data02
       <div class=”section01″>Data01</div>
    </div>
</div>