title: how to add element as last child of article element
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;article&gt;
  &lt;div&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
  
  &lt;div&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
  &lt;div&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
  &lt;div&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
  &lt;div&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
  &lt;div&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
  &lt;img/&gt;
  &lt;p&gt; i want to add element after this&lt;/p&gt;
  
  
  &lt;/article&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have an article element in which many elements are its child i want to add a last element before closing tag of article element.</p>
  
  <p>i want some code in  jquery to do this randomly at runtime.</p>
  
  <p>my intention is to add before article element the lastelemnt is just sample as here it can be div, ul, etc</p>