DOM form question

Hello,
I have this ajax form:


function init() {
    var oXmlDom = zXmlDom.createDocument();
    oXmlDom.onreadystatechange = function () {
        if (oXmlDom.readyState == 4) {
            if (oXmlDom.parseError.errorCode == 0) {
                parseBookInfo(oXmlDom);
            } else {
                var str = "An error occurred!!
" +
                    "Description: " + oXmlDom.parseError.reason + "
" +
                    "File: " + oXmlDom.parseError.url + "
" +
                    "Line: " + oXmlDom.parseError.line + "
" +
                    "Line Position: " + oXmlDom.parseError.linepos + "
" +
                    "Source Code: " + oXmlDom.parseError.srcText;
                alert(str);
            }
        }
    };
    oXmlDom.load("contacts.xml");
}
function parseBookInfo(oXmlDom) {
    var oRoot = oXmlDom.documentElement;
    var oFragment = document.createDocumentFragment();
 
    var aContacts = oRoot.getElementsByTagName("contact");
 
    for (var i = 0; i < aContacts.length; i++) {
 
 var sName = aContacts*.getAttribute("name");
 var sEmail = aContacts*.getAttribute("email");
 
        var oCurrentChild = aContacts*.firstChild;
 
        var divContainer = document.createElement("div");
        var divContent = document.createElement("div");
 
 var checkbox = document.createElement("input");
 checkbox.type = 'checkbox';
 checkbox.name = 'checkboxName';
 checkbox.class = 'publisher';
 
        var sOdd = (i % 2)?"":"-odd";
        divContainer.className = "bookContainer" + sOdd;
 
        divContent.appendChild(document.createTextNode("Name:" + sName + " Email:" + sEmail));
        divContent.className = "bookContent";
 divContent.appendChild(checkbox);
        divContainer.appendChild(divContent);
        oFragment.appendChild(divContainer);
    }
    document.body.appendChild(oFragment);
}
 
onload = init;

Right now, everything is working fine, and it is building the page, but I need to have this in a form. How do I make it so that this whole thing is inside in a form?