JSFiddle - React, Tailwind, and code Playground

by LijoCheeran

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<body>
<script id="hidden-template" type="text/x-custom-template">
    <tr>
        <td>Foo</td>
        <td>Bar</td>
    <tr>
</script>

 <a id ="lnkGetServiceCharges" class="btn icon-btn btn-primary" href="#" style="font-size:20px;">
                   Get Items
 </a>

<table id="targetTable"></table>

</table>

</body>

JavaScript

$(document).ready(function () {

var template = $('#hidden-template').html();



 $("#lnkGetServiceCharges").click(function (event) {
                $('#targetTable').append(template);
                event.preventDefault();
            });

        });