JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="output"></textarea>

JavaScript

jQuery.fn.outerHTML = function(s) {
    return s
        ? this.before(s).remove()
        : jQuery("<p>").append(this.eq(0).clone()).html();
};

var data = "<webdata></webdata>",
    $xml = $( data ),
    data = "<test>123</test><test>456</test>";

$xml.append(data);

document.getElementById('output').value = $xml.outerHTML();