How to render a plugin added dynamically?

Question

This is my code :

HTML

Answer 1

Just call to FB.XFBML.parse after adding XFBML elements to page.

You can also specify root node in which the XFMBL tags will be parsed.

Answer 2

This should do the job:

FB.XFBML.parse( document.getElementById("newFBContent"), function() {
    //plugin rendered
});

You should call FB.XFBML.parse after you've added the new content to the DOM.

Answer 3

You missed one line, try:

$('#addNewLink').click(function () {
    $('#newFBContent').html('<fb:like href="http://www.facebook.com" send="false" layout="button_count" width="auto" show_faces="true" font="" ></fb:like>')
//and parse
        FB.XFBML.parse(document.getElementById('newFBContent'));

});