title: Can't dynamically load Facebook like buttons
body: <p>I have a webpage which will dynamically load the next page when you scroll to the bottom, once the new page loads I want to be able to render all the Facebook like buttons that are new but not all the ones that have already been rendered.</p>
  
  <p>I am at a bit of a loss as to where I have gone wrong with this and any help would be much appreciated, thanks.</p>
  
  <p>Javascript code:</p>
  
  <pre><code>$('.fb-like:not(.fb_edge_widget_with_comment)').each(function(index, element) {
      $(element).attr('id', 'ajax-fb-like');
      FB.XFBML.parse(document.getElementById('ajax-fb-like'));
      $(element).removeAttr('id');
  });
  </code></pre>
  
  <p>Facebook like button code:</p>
  
  <pre><code>&lt;div class="fb-like" data-href="http://url.com/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"&gt;&lt;/div&gt;
  </code></pre>