MktoForms2 :: One Form, Two Renders

HTML

<script type="text/javascript">
    document.write(unescape("%3Cscript src='//munchkin.marketo.net/munchkin-beta.js' type='text/javascript'%3E%3C/script%3E"));
    Munchkin.init("410-XOR-673");
</script>
<script src="//app-sj01.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_169" class="mktoForm copy1"></form>
<script>
    var instanceURL = '//app-sj01.marketo.com',
        munchkinId = '410-XOR-673',
        formid = 169;

    MktoForms2.loadForm(instanceURL, munchkinId, formid,

    function(form) {

        // demonstrate form independence
        form.onValidate(function(nativeValidation) {
            alert('first form validating')
        });

        form.getFormElem()[0].removeAttribute('id');
        document.querySelector('.mktoForm.copy2').setAttribute('id', 'mktoForm_' + formid);

        MktoForms2.loadForm(instanceURL, munchkinId, formid,

        function(form) {
            form.getFormElem()[0].removeAttribute('id');

            // demonstrate form independence
            form.onValidate(function(nativeValidation) {
                alert('second form validating')
            });
        })

    });
</script>

CSS

.mktoForm.copy1 {
    border: 4px dashed blue;
}
.mktoForm.copy2 {
    border: 4px dashed red;
}