JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0" cellpadding="4" id="ctl00_PlaceHolderMain_myGrid" style="color:#333333;width:100%;border-collapse:collapse;">
    <tr style="color:White;background-color:#5D7B9D;font-weight:bold;">
        <th scope="col">&nbsp;</th>
        <th scope="col">JobCode</th>
        <th scope="col">JobName</th>
        <th scope="col">JobPartner</th>
        <th scope="col">JobManager</th>
        <th scope="col">ClientName</th>
    </tr>
    <tr style="color:#333333;background-color:#F7F6F3;">
        <td>
            <input id="ctl00_PlaceHolderMain_myGrid_ctl02_CheckBox1" type="checkbox" name="ctl00$PlaceHolderMain$myGrid$ctl02$CheckBox1" />
        </td>
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
        <td>Column5</td>
    </tr>
</table>

JavaScript

$(document).ready(function () {


    //On every checkbow that is clicked
    $("#ctl00_PlaceHolderMain_myGrid input").change(function () {
        var clientCode = $(this).parent().parent().parent().find("td:eq(2)").text()
        var clientName = $(this).parent().parent().parent().find("td:eq(1)").text()
        var displayvalue = clientCode.toUpperCase() + " - " + clientName.toUpperCase();
        var removeDiv = $("#" + clientCode);

        removeDiv.remove();

        if ($(this).prop("checked") == true) {
            //AddSelectedJob(clientCode, displayvalue);
            alert("yahu");
            //FillSelectedJobs();
        }
    });
});