title: jQuery for each div class find child and insertAfter
body: <p>I am editing my blog theme and I need to move (cut and paste) multiple specific divs under itself within a specific blog post.</p>
  
  <p>The current HTML would be</p>
  
  <pre><code>&lt;div class="blog_post text_post"&gt;
      &lt;div class="post_container"&gt;
          &lt;div class="bottom_meta"&gt;&lt;/div&gt;
          &lt;div class="post_date"&gt;&lt;/div&gt;
          &lt;div class="moreinfo"&gt;&lt;/div&gt;
          &lt;!-- I need .bottom_meta here --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I managed to make it work like this:</p>
  
  <pre><code>$(".blog_post.text_post .bottom_meta").insertAfter(".blog_post.text_post .moreinfo");
  </code></pre>
  
  <p>And on first sight it looks okay,but when I wrote another text post (usually posts are images) it makes a mess on my blog.
  The code now moves .bottom_meta from both posts under both .moreinfo .</p>
  
  <p>I tried using each function but I failed multiple times...</p>
  
  <pre><code>$(".blog_post.text_post").each(function(){     
       $(this).children(".bottom_meta").insertAfter.$(this).children(".moreinfo");
  });
  </code></pre>
  
  <p>I tried the same with 'find' function instead of 'children',still a fail.</p>
  
  <p>Can anyone help me out with this or at least point me out to the right direction.</p>