title: Copy link to another element
body: <p>Wordpress has created a link in '.blog-info' that I want to copy to a blank link (.new-link) further down the page:</p>
  
  <pre><code>&lt;div class="blog-wrapper"&gt;
      &lt;div class="blog-info"&gt;&lt;a href="http://foo.com/deeplink/" title="link title"&gt; Title to story&lt;/a&gt;&lt;br&gt;
      &lt;div class="blog-date"&gt;Leeds, UK, 29th June 2015&lt;/div&gt;
      &lt;a class="new-link" href="/"&gt;more&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>There are muliple divs that share the same classes and I want each .new-link to copy from its nearest .blog-info a.</p>
  
  <p>Was thinking:</p>
  
  <pre><code>$('.new-link').attr('href',$('.blog-info a').closest('a').attr('href'));
  </code></pre>
  
  <p>However this only works for the first link. I need it to contextually copy from the nearest '.blog-info a'. See JSFiddle:</p>
  
  <p><a href="https://jsfiddle.net/63zhvj1o/" rel="nofollow">https://jsfiddle.net/63zhvj1o/</a></p>