title: Get href of div
body: <p>I have a link inside a div:</p>
  
  <pre><code>&lt;div class="embed"&gt;
  &lt;a href="http://google.com/"&gt;&lt;/a&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>So now I want to append Facebook comment system:</p>
  
  <pre><code>$('.embed a').append('&lt;div class="fb-comments" data-href="' + this + '" data-num-posts="1" data-width="470"&gt;&lt;/div&gt;');​
  </code></pre>
  
  <p>As you can see I have 'this' for the href, it doesnt work for me. I would like to have the url of the link Im appending the comment system on. How do I find and implement this url?
  Example: <a href="http://jsfiddle.net/ggRLh/" rel="nofollow">JsFiddle</a></p>