example and code of jquery

I am new to JQuery and need to convert the following function to jquery
function doLoadGridPage(iPage) {
try {
oXML = new ActiveXObject("microsoft.XMLDOM");
oXML.async = false;
oXML.load("processXMLData.asp?action=loadGridPage&pn=" + iPage);

if (oXML.readyState == 4)
{
var buttons = oXML.selectNodes("/ROOT/vw_admin-grid-buttons");
var x, y, z;
// Clear all buttons...
for (y = 1; y <= colMax; y++) {
for (x = 1; x <= rowMax; x++) {
var ref1 = "row" + x + "col" + y;

document.getElementById(ref1).style.color = 'black';
document.getElementById(ref1).style.background = 'silver';
document.getElementById(ref1).style.fontStyle = "normal";
document.getElementById(ref1).style.fontWeight = "normal";
document.getElementById(ref1).style.textDecoration = "none";

document.getElementById(ref1).pageNumber = iPage;
document.getElementById(ref1).rowNumber = x;
document.getElementById(ref1).columnNumber = y;
document.getElementById(ref1).buttonTypeId = null;
document.getElementById(ref1).buttonInstanceId = null;
document.getElementById(ref1).buttonInstanceCaption = null;
document.getElementById(ref1).caption = null;
document.getElementById(ref1).buttonInstanceStyleId = null;
document.getElementById(ref1).restricted = false;
document.getElementById(ref1).buttonStyleId = null;
document.getElementById(ref1).telephoneNumber = null;
document.getElementById(ref1).pageJumpDestination = null;
document.getElementById(ref1).pageId = null;
document.getElementById('div' + ref1).innerHTML = "                    ";
}
}
// Populate the returned buttons...
var pageHasRestrictedButtons = false;
for (z = 0; z < buttons.length; z++) {
if (buttons[z].childNodes) {
var buttonInstanceId = buttons[z].selectSingleNode("./ID").text;
var buttonTypeId = buttons[z].selectSingleNode("./ButtonTypeId").text;
var buttonTypeName = buttons[z].selectSingleNode("./TypeName").text;
var buttonStyleId = buttons[z].selectSingleNode("./StyleId").text;
var buttonInstanceStyleId = buttons[z].selectSingleNode("./ButtonInstanceStyleId").text;
var idleforecolour = buttons[z].selectSingleNode("./IdleForeColour").text;
var idlebackcolour = buttons[z].selectSingleNode("./IdleBackColour").text;
var buttonInstanceCaption = buttons[z].selectSingleNode("./ButtonInstanceCaption").text;
var caption = buttons[z].selectSingleNode("./Caption").text;
var pageId = buttons[z].selectSingleNode("./PageEntryId").text;
var row = buttons[z].selectSingleNode("./Row");
var col = buttons[z].selectSingleNode("./Col");

var telephonenumber;
var pagejumpdestination;
var splitCaption = caption.replace("\\r\\n", "<BR />");

try {
telephonenumber = buttons[z].selectSingleNode("./telephonenumber");
}