Create Comments Facebook Dynamic

Create Comments Facebook Dynamic

<a href="#" class="add">Adicionar</a>
	<div class="comments"></div>

	<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4&appId=1575883519346379";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>

	<script type="text/javascript">
		$('.add').on('click', function(event) {
			event.preventDefault();

			var html = "<div class='fb-comments' data-width='700' data-href='http://developers.facebook.com/docs/plugins/comments/' data-numposts='5'></div>";
			$('.comments').append(html);
			console.log(html);
			
			$('.comments .fb-comments').each(function(index, el) {
				FB.XFBML.parse(this[0]);
			});

		});
	</script>