title: JQUERY Append parent child div dynamically
body: <p>Hi how can I append child DIV to parent div.</p>
  
  <p>I saw code similar to this <a href="http://jsfiddle.net/3em3B/3/" rel="nofollow">http://jsfiddle.net/3em3B/3/</a></p>
  
  <p>but I need output in DIV format something like this.</p>
  
  <pre><code>&lt;button id="btn-add-child"&gt;Add New Child &lt;/button&gt;
  &lt;div id="parent"&gt;
     &lt;div id="child1"&gt;Child 1
        &lt;button id="btn-add-siblings"&gt;Add Siblings&lt;/button&gt;
        &lt;div&gt;Sibling 1&lt;/div&gt;
        &lt;div&gt;Sibling 2&lt;/div&gt;
        &lt;div&gt;Sibling 3&lt;/div&gt;
     &lt;/div&gt;
  
     &lt;div id="child2"&gt;Child 2
        &lt;button id="btn-add-siblings"&gt;Add Siblings&lt;/button&gt;
        &lt;div&gt;Sibling 1&lt;/div&gt;
        &lt;div&gt;Sibling 2&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Each time I click Add new Child Button, A new child will append to the parent. </p>
  
  <p>And each time I click the add siblings button, A new sibling will add according to the parent child  </p>