jquery - Clone single div contents with the same class -

i trying clone contents of clicked div's same class different id's. have tried several answers no luck. have tried $(this).next('.pick').clone().appendto('#four');

here have example.

<div id="one" class="pick"> 1 </div> <div id="two" class="pick"> 2 </div> <div id="three" class="pick"> 3 </div> <div id="four" class="pickfour"> 4 </div>   <script type="text/javascript"> $(document).ready(function() {     $(".pick").click(function(e){      e.preventdefault();         $(function(){    $(".pick", this).clone().appendto('#four');     });    }); }); </script> 

there no need 2nd domready code, , use $(this) selector:

$(document).ready(function() {    $(".pick").click(function(e) {      e.preventdefault();        $(this).clone().appendto('#four');      });  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div id="one" class="pick">    1  </div>  <div id="two" class="pick">    2  </div>  <div id="three" class="pick">    3  </div>  <div id="four" class="pickfour">    4  </div>