title: How to move multiple different href to wrap parent and 2 other elements with jquery
body: <p>I have list of articles with 3 elements inside. A div, a h3 and a p. Within the div is an image, the h3 is a href and the text with the p. The content is different within each article.</p>
  
  <p>I need to take the href from the h3 and wrap around the div, h3 and p. They have no unique identifiers. The only classes are on the initial article and the div which are the same throughout.</p>
  
  <p>I'm hoping that I can take the content of the href as a variable, remove that href leaving the link intact as text and then rewrite the href with the variable wrapping the 3 elements.</p>
  
  <p>Any help would be appreciated, I hope I've explained it fully enough. The markup follows.</p>
  
  <pre><code>&lt;article class="summary"&gt;
      &lt;div class="article-image"&gt;
          &lt;img alt="" src="https://funeralzone.co.uk/assets/uploads/images/Funeral%20Costs(1).jpg" style="width: 255px; height: 169px;"&gt;
      &lt;/div&gt;
      &lt;h3&gt;
          &lt;a href="funeral-organiser/how-to-guides/a-guide-to-funeral-costs"&gt;A Guide to Funeral Costs&lt;/a&gt;
      &lt;/h3&gt;
      &lt;p&gt;How much does the average funeral cost? Where can you get help?&lt;/p&gt;
  &lt;/article&gt;
  </code></pre>