stackoverflow.com/q/19618209/1055987

JFK : http://stackoverflow.com/users/1055987/jfk

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<p>Click anywhere to open fancybox</p>
<form id="test">
    <input type="text" />
    <input type="submit" value="send" />
</form>

CSS

body, html {
    height: 100%;
    /* test purposes only */
}

JavaScript

jQuery(document).ready(function ($) {
    // add fancybox class to body on page load
    $("body").addClass("fancyopen");
    // bind click to body
    $(".fancyopen").on("click", function () {
        $.fancybox([{
            href: "http://jsfiddle.net",
            title: "welcome to our website"
        }], {
            width: 300,
            height: 200,
            type: "iframe",
            afterShow: function () {
                $(".fancybox-wrap").on("click", function (event) {
                    event.stopPropagation();
                });
            },
            afterClose: function () {
                $(".fancyopen").unbind("click").removeClass("fancyopen")
            }
        }); // fancybox
    }); // on

    // test after fancybox is closed
    $("#test").on("submit", function () {
        alert("submitted");
        return false;
    });

}); // ready