jQuery addClass example

Change class name on click in jQuery

HTML

<table class="tg">
                <tr>
                    <th class="tg-0pky">Applicants</th>
                    <th class="tg-0pky"></th>
                    <th class="tg-0pky">Joint Applicants</th>
                </tr>
                <tr>
                    <td class="tg-0pky"></td>
                    <td class="tg-0pky">Current last name or single name</td>
                    <td class="tg-0pky"></td>
                </tr>
                <tr>
                    <td class="tg-0pky"></td>
                    <td class="tg-0pky">First and middle names</td>
                    <td class="tg-0pky"></td>
                </tr>
                <tr>
                    <td class="tg-0pky"></td>
                    <td class="tg-0pky">Marital Status</td>
                    <td class="tg-0pky"></td>
                </tr>
                <tr>
                    <td class="tg-0pky">Country of divorce</td>
                    <td class="tg-0pky" rowspan="3">If divorced</td>
                    <td class="tg-0pky">Country of divorce</td>
                </tr>
                <tr>
                    <td class="tg-0pky">City of divorce if in Canada</td>
                    <td class="tg-0pky">City of divorce if in Canada</td>
                </tr>
                <tr>
                    <td class="tg-0pky">Court file number</td>
                    <td class="tg-0pky" colspan="2">Court file number</td>
                </tr>
                <tr>
                    <td class="tg-0pky"></td>
                    <td class="tg-0pky">Religious denomination</td>
                    <td class="tg-0pky"></td>
                </tr>
                <tr>
                    <td class="tg-0pky"></td>
                    <td class="tg-0pky">Age and date of birth</td>
                    <td class="tg-0pky"></td>
                </tr>
                <tr>
                    <td class="tg-0pky"></td>
                    <td class="tg-0pky">Place of birth</td>
                ...

CSS

.tg  {border-collapse:collapse;border-spacing:0;margin:0px auto;}
        .tg td{font-family:Arial, sans-serif;font-size:14px;padding:12px 85px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
        .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:12px 85px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
        .tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}