title: Get HREF value with loaded page
body: <p>I have this content inside a html page : mypage.html</p>
  
  <pre><code>&lt;a href="http://site1" target="_blank" class="hrefClass" id="href_id1"&gt;&lt;here an image&gt;&lt;/a&gt;
  &lt;a href="http://site2" target="_blank" class="hrefClass" id="href_id2"&gt;&lt;here an image&gt;&lt;/a&gt;
  </code></pre>
  
  <p>this content id loaded via:</p>
  
  <pre><code>$('#myContent').load('mypage.html');
  </code></pre>
  
  <p>When I click on img_link, I would like to have the href.</p>
  
  <p>e.g: If I click on img1, I would like to retrieve 'http://site1'</p>
  
  <p>How could I do that ?</p>
  
  <p>I alreday tried:</p>
  
  <pre><code>$('.hrefClass &gt; img').live("click", function() {          
      alert(this.id);      
  });
  </code></pre>
  
  <p>But no success. In fact with the previous code, nothing is triggered... I have no 'alert'.</p>