title: grab url of a image link using jquery click function
body: <p>I'm trying to use jquery and click() to grab the url of an image link once its clicked. The html looks like this.</p>
  
  <pre><code>&lt;div class="lp-element lp-pom-image" id="lp-pom-image-167" &gt;
  &lt;a href="http://url.com/page" target=""&gt;&lt;img src="/image.jpg" alt=""&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The javascript I'm using so far looks like this but it isn't grabbing the url of the clicked image link. The url needs to be passed to where the variable <code>this</code> is. </p>
  
  <pre><code>jQuery(function() {
  jQuery("#lp-pom-image-167").click(function() {
  trackOutboundLink(this, 'AddToCart', 'Bottom CTA');
  return false;
  });
  }); 
  </code></pre>
  
  <p>How do I pull the href url with the appropriate base URI? ie. "<a href="http://url.com/page" rel="nofollow">http://url.com/page</a>"?</p>
  
  <p>EDIT:clarified what i am trying to pull out.</p>