problem with capturing xml response from webservice and appending it to div tags

Question

This is my code on html page which references to webservice which is in local application folder. Can anyone help to resolve this issue

 var keyword2 = "{\"keyword1\":\"" + keyword1 + "\",\"streetname\":\"" + address1    + "\",\"lat\":\"" + lat + "\",\"lng\":\"" + lng + "\",\"radius\":\"" + radius + "\"}";
                $.ajax({
                    type: "POST",
                    async: false,
                    url: "http://localhost:2330/blockseek7-9-2010/JsonWebService.asmx/GetList",
                    data: keyword2,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    failure: ajaxCallFailed,
                    success: ajaxCallSucceed

                });
            });

In ajax call sucess i will have the following code but i am not able to parse the xml and append to div tags on html page

function ajaxCallSucceed(response) {
        GDownloadUrl(response, function(data) {
            var xml = GXml.parse(response.xml);
            var markers = xml.documentElement.getElementsByTagName('marker');
            map.clearOverlays();

            var sidebar = document.getElementById('sidebar');
            sidebar.innerHTML = '';
            alert(markers.length);

            if (markers.length == 0) {
                sidebar.innerHTML = 'No results found.';
                map.setCenter(new GLatLng(40, -100), 4);
                return;
            }

            var bounds = new GLatLngBounds();
            for (var i = 0; i < markers.length; i++) {
                var name = markers[i].getAttribute('name');
                var address = markers[i].getAttribute('address');
                var distance = parseFloat(markers[i].getAttribute('distance'));
                var point = new GLatLng(parseFloat(markers[i]
                    .getAttribute('lat')), parseFloat(markers[i]
                    .getAttribute('lng')));
                var imagepath = markers[i].getAttribute('imagepath');

                var marker = createMarker(point, name, address, imagepath);
                map.addOverlay(marker);
                var sidebarEntry = createSidebarEntry(marker, name, address,
                    distance, imagepath);
                sidebar.appendChild(sidebarEntry);


                bounds.extend(point);
            }
            map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
        });

        }

This will be my webservice code which returns xml document as output

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Xml)]
public XmlDocument GetList(string keyword1, string streetname, string lat, string lng, string radius)
{

  XmlDocument xmlDoc=  CreateXML( keyword1,streetname,lat,lng,radius);

  return xmlDoc;

}