title: How to add/append html code in html elements with same class individually?
body: <p>Basically i m trying to use jquery to get content of one class and then appending the same data on some other place. There is multiple content with the same class name. I m gonna illustrate it with the help of image.</p>
  
  <p>I was trying to achieve this by using jquery selectors but i m stuck on a point where i have to append different content in different elements with same class name.
  Let me explain by using animage(<a href="https://ibb.co/P1K2XWT" rel="nofollow noreferrer">https://ibb.co/P1K2XWT</a>).
  You can see 3 cards in this picture which are showing price, name and a button. I have to get that price and have to append under name(title).
  I got prices and names but i don't know how to go card by card and append each price under it.</p>
  
  <pre><code>var x =[];
  $('.ld_course_grid_price').each(function(index, obj)
  {
    x.push($(this).text());
  });
  
  console.log(x);
  
  var y =[];
  $('.entry-title').each(function(index, obj)
  {
    y.push($(this).text());
  
  });
  
  </code></pre>
  
  <p>Structure of HTML</p>
  
  <pre><code>&lt;article id="post-479" class="thumbnail course post-479 sfwd-courses type-sfwd-courses status-publish has-post-thumbnail hentry ld_course_category-algebra-1 ast-article-single"&gt;
     &lt;div class="ld_course_grid_price price_$"&gt;
        $70           
     &lt;/div&gt;
     &lt;a href="" rel="bookmark"&gt;
     &lt;img width="270" height="226" src="" class="attachment-course-thumb size-course-thumb wp-post-image" alt=""&gt;         &lt;/a&gt;
     &lt;div class="caption"&gt;
        &lt;h3 class="entry-title"&gt;Basic Algebra&lt;/h3&gt;
        &lt;p class="ld_course_grid_button"&gt;&lt;a class="btn btn-primary" role="button" href="/courses/basic-algebra/" rel="bookmark"&gt;Enroll&lt;/a&gt;&lt;/p&gt;
     &lt;/div&gt;
     &lt;!-- .entry-header --&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>This is how i m getting prices. I have to display them under title.</p>