jquery clone div and append it after specific div

Question

Hi guys, from the picture above, I want to clone the div with id #car2 and app

Answer 1

You can do it using clone() function of jQuery, Accepted answer is ok but i am providing alternative to it, you can use append(), but it works only if you can change html slightly as below:

$(document).ready(function(){
    $('#clone_btn').click(function(){
      $("#car_parent").append($("#car2").clone());
    });
});

.car-well{
  border:1px solid #ccc;
  text-align: center;
  margin: 5px;
  padding:3px;
  font-weight:bold;
}

  
Normal div
  
Clone div
  
Normal div
  
Normal div
  
Normal div

Clone