title: How to append each individual ul with class to the closest article tag above it?
body: <p><strong>Currently the code is as follows:</strong></p>
  
  <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 id="post-529"&gt;&lt;/article&gt;
  &lt;ul class="post-meta"&gt;&lt;/ul&gt;
  
  &lt;article id="post-530"&gt;&lt;/article&gt;
  &lt;ul class="post-meta"&gt;&lt;/ul&gt;
  
  &lt;article id="post-531"&gt;&lt;/article&gt;
  &lt;ul class="post-meta"&gt;&lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I need to have each individual ul with the class of post-meta append to the article right above them. Do you guys have any clues? I used the following function but it just appends all the ul's to all the articles. I'd really appreciate any help. Thanks so much.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(".post-meta").each(function() {
      $(this).siblings("article").append(this);
  });</code></pre>
  </div>
  </div>
   </p>