title: Jquery Clone, Changed value is not persist on the cloned object (div)
body: <p>Need your help regarding to the Jquery that I'm currently working. I have to clone a div but before I clone the div, I need to do some modification like Ajax call to know the value then clone. In my code below, I was able to clone BUT the question is why my changes not persist on the cloned div. I'm still getting the Value3 on the cloned DIV</p>
  
  <p>You may check the below snippet</p>
  
  <pre><code>&lt;div id="container"&gt;
  &lt;select id="ddl"&gt;
    &lt;option value="Value1"&gt;Value1&lt;/option&gt;
    &lt;option value="Value2"&gt;Value2&lt;/option&gt;
    &lt;option value="Value3" selected&gt;Value3&lt;/option&gt;
    &lt;option value="Value4"&gt;Value4&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;/div&gt;
  &lt;div id="clonecontainer"&gt;
  &lt;/div&gt;
  
  
  $(document).ready(function(){
  
  var div = $('#container');
      var msg = $(div).find('#ddl :selected');
       //ajax call for example change Value4 to Value1
      $(msg).val("Value1");
      alert($(msg).val());
      var tr = $(div).clone(true);
      $(tr).appendTo("#clonecontainer");
  });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/og2vu5a4/1/" rel="nofollow">https://jsfiddle.net/og2vu5a4/1/</a></p>