javascript - Fetch and append element at last using jQuery -

i have div parent element class .carousel-inner. within parent div, there children elements. want take 2nd (child) element , append element @ last. getting , appending second element this.

var = $(".carousel-inner").children()[1]; $(".carousel-inner").append(a); 

now append element, removes element second position , append @ last. want keep element second position well. how can it?

using clone() after find element. , make variable

var = $(".carousel-inner").children()[1],      b = $(a).clone();  $(".carousel-inner").append(b);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div class="carousel-inner">      <div class="child">           </div>        <div class="child">      clones      </div>        <div class="child">      c      </div>  </div>

or clone element before appending :

var = $(".carousel-inner").children()[1]  $(a).clone().appendto('.carousel-inner');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div class="carousel-inner">      <div class="child">           </div>        <div class="child">      clones      </div>        <div class="child">      c      </div>  </div>