title: Jquery clone element in html
body: <p>Here I am using jQuery ajax:</p>
  
  <pre><code>$.ajax({
      type: "GET",
      url: URL,
      data: { Mode: "POB1"},
      success: function (data) {
          var Html = $.trim($(data).find("#divpob").html());
          if (Html) {
              $(Html).find(".lblpob").text("UserName" + Username);
              $(".DivRprt").html(Html);
          }
      }
  });
  </code></pre>
  
  <p>here value of <code>lblpob</code> didn't get change, but if i use <code>.clone()</code> like this</p>
  
  <pre><code>if (Html) {
      var Html2 = $(Html).clone(true);
      $(Html2).find(".lblpob").text("UserName" + Username);
      Html = Html2;
      $(".DivRprt").html(Html);
  }
  </code></pre>
  
  <p><code>lblpob</code> gets changed.</p>
  
  <p>What difference <code>.clone()</code> is making here ?</p>