JQuery insertAfter parent div
<p>Below is my HTML</p>

<pre><code>&lt;div class="col-xs-12" id="docprop_00" class="docprop"&gt;                
        &lt;div id="documentProperties" class="main_bg"&gt;&lt;/div&gt;                 
&lt;/div&gt;
</code></pre>

<p>JQuery</p>

<pre><code>newElement.insertAfter("div.main_bg:last");
</code></pre>

<p>Here I am inserting the element after main_bg div, but I need to insert after the parent div of main_bg div. How can I do that??</p>