[jQuery] clone()

[jQuery] clone()

Hi,

I need a clarification regarding "Clone" method in jQuery. I have written the following.

HTML:
<body>
 <p>Paragraph 1</p>
 <p>Paragraph 2</p>
 <p id='p3'>Paragraph 3</p>
</body>
JS/jQuery:
      $("p").on("click",function(){
            console.log("Paragraph clicked");
      });
      $("#p3").on("click",function(){
            console.log("Paragraph 3 clicked");
      });
      //Cloned all paragraph elements and keeping all event handlers
      var $paras=$("p").clone(true); 

      //Changed the duplicate id to new value            
      $paras.eq(2).attr("id","Dp3");             
 
      $("body").append($paras);


When i clcked on Pargraph 3 of cloned set, it's logging both "Paragraph clicked" and " Paragraph 3 clicked" in the console even after i changed the duplicate id value. Can anyone help me on this?