JSFiddle - React, Tailwind, and code Playground

HTML

<script id="tpl" type="text/x-jquery-tmpl">
    <div class="ui-widget s-widget ui-corner-all">
        <div class="ui-widget-header s-widget-header ui-corner-tl ui-corner-tr">
            <table style="width: 100%;">
                <tr>
                    <td class="s-widget-button s-widget-button-collapse" style="display: none"><div class="ui-icon ui-icon-triangle-1-s" /></td>
                    <td style="width: 100%" class="s-widget-title"></td>
                    <td class="s-widget-button"><div class="s-widget-loading" /></td>
                    <td class="s-widget-button s-widget-button-settings" style="display: none"><div class="ui-icon ui-icon-wrench" /></td>
                    <td class="s-widget-button s-widget-button-maximize" style="display: none"><div class="ui-icon ui-icon-arrowthick-1-ne" /></td>
                    <td class="s-widget-button s-widget-button-help" style="display: none">
                        <div class="ui-icon ui-icon-help" />
                        <div class="s-widget-tooltip ui-corner-all"></div>
                    </td>
                    <td class="s-widget-button s-widget-button-close" style="display: none"><div class="ui-icon ui-icon-close" /></td>
                </tr>
            </table>
        </div>
    </div>
</script>

<div id="result"></div>

JavaScript

$(document).ready(function() {

    var tpl = $($('#tpl').text());

    $('#result').append(tpl.length);

});