title: appending one div in another div before last div jquery
body: <p>suppose i have div like</p>
  
  <pre><code>&lt;div id='main'&gt;
    &lt;div id='child'&gt;my static content&lt;/div&gt;
  &lt;/div&gt;
  
  $('#main').append("&lt;div class='mycontent'&gt;I'm new box by append&lt;/div&gt;");
  or
  $('#main').appendTo("&lt;div class='mycontent'&gt;I'm new box by append&lt;/div&gt;");
  </code></pre>
  
  <p>i know i can use <strong>append() and appendTo</strong> method to insert anything into main div. but i need to know that how can i insert content into main div before child div. content will be pushed into main div before child div. please help me with concept.</p>
  
  <p>thanks</p>