关于fancybox弹出框数据提交

Question

现在有个需求，就是点击按钮后弹出一个弹框，在弹框中有个文本框，输入数据后提交。我现在用fancybox做了个弹框，但是后面在提交数据的时候出了问题，点击提交按钮后发现数据并没能提交，请问这个问题如何解决？
$('#phone_button').click(function() {

    $.fancybox.open("<div><form id='fanbox_phone'><input type='text' id='phone_num'/><input type='submit' id='phone_num_submit'/></form></div>");
});
$('#fanbox_phone').ajaxForm({
    url: "/users/update_phone",
    type: "POST",
    beforeSubmit: function (a, f, o) {
        console.log(123);
        f.find("input[type=submit]").prop("disabled", true).addClass("disabled");
    },
    success: ajaxCallBack
});

上面是我js代码，“123”是没有打印出来的