Originally I simply had the facebook function within the same function which called the modal. When I modified it like so, it worked..
$(document).ready(function() {
$("#myModal").on("show", function() {
(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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
});
function displayPage(pageId) {
currentPageId = pageId;
$('div[id^="display"]').hide();
$('#display'+pageId).show();
$('.step').removeClass("active");
$('#step'+pageId).addClass("active");
if(pageId == 1 || pageId == 2) {
FB.XFBML.parse();