How to get dynamic id on click using jquery

<div class="table-responsive custom-table">
@if (Model._Approval_Plan_lst != null)
{
    int count = 0;
    foreach (var item in Model._Approval_Plan_lst)
    {
        count++;
        @**@
    }
}

<table id="tblDraftist" class="table table-striped table-bordered table-hover">
<thead>
    <tr><th>Sr.No</th>
        <th>Document No</th>
        <th>Start Date</th>
        <th>End Date</th>
        <th>Estimated Cost</th>
        <th>Requested Amount</th>
        <th>Expected Lead</th>
        <th>Status</th>
        <th>Remarks</th>
        <th>Select</th>
    </tr>
</thead>

<tbody id="tbodyDraftList">
    <tr class="gradeX">
        <td>@count</td>
        <td>@item.DOCUMENT_NO</td>
        <td>@item.START_DATE</td>
        <td>@item.END_DATE</td>
        <td>@item.ESTIMATED_COST</td>
        <td>@item.REQUESTED_AMOUNT</td>
        <td>@item.EXPECTED_LEAD</td>
        <td>@item.STATE_NAME</td>
        <td>@item.REMARKS</td>
        <td>@item.IsStatus</td>
        <td></br></td>
    </tr>
</tbody>
</table>

</div>

$('#chk_' + Approval_GEN_PLAN_ID +'').click(function () {
});