JSFiddle - React, Tailwind, and code Playground

HTML

<script>
    function saveFavourite(action, id,queryString,inputTxtValue) {
    alert("hi :");
    alert($('#model_content_savefilter input[type=text]:first').val());
    alert("val :" + document.getElementById("saveFilterTxt").value);
}
</script>
<div id="model_content_savefilter">
    <table id="save_filter_modal" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td>You are saving a filter that shows balances for</td>
        </tr>
        <tr>
            <td>Please choose a name for your filter</td>
        </tr>
        <tr>
            <td>
                <input id="saveFilterTxt" name="saveFilterTxt" type="text" value="" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" onclick="javascript:saveFavourite('operateOnFavouriteFilter.htm',1,'','H')" value ="Save"/>
            </td>
            <td width="20%">
                <a href="#" id="cancelFilter">Cancel</a>
            </td>
        </tr>
    </table>
</div>