I am creating a web site where I have used a web service called **holidaywebservice**. I have used Jquery and Ajax to request and get response from the server. I have also `console.log(result)` to the console tab of the web browser. Now I want when I request , the response is displayed in the web page (in a table for example) 

Here is my code :

```
<html>
<head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

</head>

<body>

<div class="table-responsive">
                <table class="table table-striped table-bordered text-left" id="tblData">
                    <thead>
                    <tr class="info">
                        <td>Country</td>
                        <td>HolidayCode</td>
                    </tr>

                    <tbody id="tblBody"></tbody>
                    </thead>
                </table>
            </div>

            <script type="text/javascript">
                $(document).ready(function () {

                var str = '<?xml version="1.0" encoding="UTF-8"?>' +
                        '<SOAP-ENV:Envelope xmlns:SOAP-ENV="http://schemas.xmlsoap.org/soap/envelope/" xmlns:ns1="http://www.holidaywebservice.com/HolidayService_v2/">' +
                          '<SOAP-ENV:Body>' +
                            '<ns1:GetHolidaysForMonth>' +
                              '<ns1:countryCode>UnitedStates</ns1:countryCode>' +
                              '<ns1:year>2018</ns1:year>' +
                              '<ns1:month>06</ns1:month>' +
                            '</ns1:GetHolidaysForMonth>' +
                          '</SOAP-ENV:Body>' +
                        '</SOAP-ENV:Envelope>';

                        //console.log(departureDate);

                        $.ajax({
                            url: 'http://holidaywebservice.com/HolidayService_v2/HolidayService2.asmx?WSDL',
                            method: 'POST',
                            contentType:"text/xml; charset=utf-8",
                            data: str,
                            //headers: {"Authorization": 'Bearer ' + bat},

                            success: function (data) {

                                console.log(data);
                            }

                        });

                });

            </script>

</body>
</html>

```

Here is the Response xml.

```
<?xml version="1.0" encoding="utf-8"?>
<soap:Envelope
    xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:xsd="http://www.w3.org/2001/XMLSchema">
    <soap:Body>
        <GetHolidaysForMonthResponse
            xmlns="http://www.holidaywebservice.com/HolidayService_v2/">
            <GetHolidaysForMonthResult>
                <Holiday>
                    <Country>UnitedStates</Country>
                    <HolidayCode>FLAG-DAY</HolidayCode>
                    <Descriptor>Flag Day</Descriptor>
                    <HolidayType>Notable</HolidayType>
                    <DateType>ObservedActual</DateType>
                    <BankHoliday>NotRecognized</BankHoliday>
                    <Date>2018-06-14T00:00:00</Date>
                </Holiday>
                <Holiday>
                    <Country>UnitedStates</Country>
                    <HolidayCode>FATHERS-DAY</HolidayCode>
                    <Descriptor>Father's Day</Descriptor>
                    <HolidayType>Notable</HolidayType>
                    <DateType>ObservedActual</DateType>
                    <BankHoliday>NotRecognized</BankHoliday>
                    <Date>2018-06-17T00:00:00</Date>
                </Holiday>
            </GetHolidaysForMonthResult>
        </GetHolidaysForMonthResponse>
    </soap:Body>
</soap:Envelope>

```

Updated.

```
$.ajax({
                            url: 'http://holidaywebservice.com/HolidayService_v2/HolidayService2.asmx?WSDL',
                            method: 'POST',
                            contentType:"text/xml; charset=utf-8",
                            data: str,
                            //headers: {"Authorization": 'Bearer ' + bat},

                            success: function (data) {

                                console.log(data);

                                // Parse XML string into an XML document
                                var parsedXml = $.parseXML(data);

                                // Create a jQuery object from the document
                                var myXml = $(parsedXml);

                                // Find each of the Holiday elements
                                var holidays = myXml.find("Holiday");

                                // Iterate through each element
                                holidays.each(function(index, el) {

                                    // This will output <Country>, <HolidayCode>, etc.
                                    var holidayInfo = el.children;
                                    console.log(holidayInfo);

                                })

                            }

                        });

```