Dynamically added Facebook submit button not displaying

Question

I want to add a dynamic Facebook page (which is not yet supported by an iframe) dynamically to the page after loading (due to how the site was created, it will be part of the HTML template loaded via AJAX for user action).

Although I import the FB JavaScript SDK when I upload new content via AJAX, the marked item does not translate to the FB submit button.

I tried:

<div class="fb-send" data-href="example.com"></div> 

and

 <fb:send href="example.com"></fb:send> 

Any suggestions?

Answer 1

Whenever you add an FBML element to dom, you should call

 FB.XFBML.parse(); 

http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/