title: Jquery change CSS of child div after clone
body: <p>After I clone a DIV and can change it's CSS properties, but can't find how to change it's child DIV's CSS.
  In the following example I want to change the background of #details-child from yellow to blue.
  CSS:</p>
  
  <pre><code>#wrapper {
      width:200px;
      background:gray;
  }
  #details {
      width:200px;
      height:100px;
      background:green;
  }
  #details-child {
      width:100px;
      height:100px;
      background:yellow;
  }
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>jQuery.noConflict();
  jQuery(document).ready(function() {
      // clone
          clone_details = jQuery("#details").clone();
  
      // change CSS           
          clone_details.css({'margin-top':'50px', 'background':'red'});
          // jQuery("#details-child").css('background','blue'); // changes original div
  
      // render clone
          jQuery("#wrapper").append(clone_details);
  });
  </code></pre>