title: Loop through li's, find parent href of image in same li and append new href to that li - for each - jQuery
body: <p>I have a form that generates li's with different content via Ajax. Meaning that the markup in a template just references the content of li one time.</p>
  
  <p>A button that I have placed within the li tag needs to have the href value of that of the image within the same li tag. </p>
  
  <p>My code I have written so far finds only the first li img's href, then assigns that as the href of ALL li's. </p>
  
  <p><strong>I need for them to have the href of their relative img.</strong></p>
  
  <p><strong>Markup:</strong></p>
  
  <pre><code>&lt;li&gt;
      &lt;form name="form&lt;venda_ref&gt;" action="&lt;venda_codehttp&gt;" method="get" id="addproduct&lt;venda_ref&gt;form"&gt;
          &lt;venda_inventory ref=&lt;venda_ref&gt;,temp=searchInvt,displayunpublished=1&gt;&lt;/form&gt;
      &lt;div class="CTA_btn_iCAT"&gt;&lt;a href="" title="&lt;venda_text id=site.link.title.more.invt&gt;"&gt;&lt;venda_text id=site.link.more&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p><strong>HTML Output: --> <a href="http://jsfiddle.net/hslincoln/3pR9y/4/" rel="nofollow">http://jsfiddle.net/hslincoln/3pR9y/4/</a></strong></p>
  
  <p><strong>jQuery used to reassign hrefs of buttons:</strong></p>
  
  <pre><code>jQuery(document).ready(function () {
  var iCat_href = jQuery('div.prods ul.prodsGrid li form a').attr('href');
  jQuery('.CTA_btn_iCAT a').attr('href', iCat_href);
  </code></pre>
  
  <p>Any help would be hugely appreciated!</p>
  
  <p><strong>EDIT:</strong>
  Link to the test environment itself:</p>
  
  <p><a href="http://jmldirect.uat.venda.com/uk/health-and-beauty/belvia-range/icat/6belvia" rel="nofollow">http://jmldirect.uat.venda.com/uk/health-and-beauty/belvia-range/icat/6belvia</a></p>