I have a table that is being populated dynamically, and a reload script that refreshes it ever 60 seconds. 

```javascript
<script type="text/javascript" language="javascript">
    window.setInterval(function () {
        $('#divGrid').load('Home/Index #divGrid>table');
    }, 60000);
</script>

```

I also have a Javascript that calls a partial view on table row click:

```javascript
<script type="text/javascript" language="javascript">
    function showOpenTrData() {
        $('#OpenTickets tbody tr').click(function () {
            $.ajax({
                url: 'Home/TicketDetails/' + this.cells.ticketID.innerText,
                data: {},
                type: 'GET',
                datatype: 'json',
                success: function (response) {
                    $("#TicketDetails").html(response)
                },
                error: {}
            });
        });
    }
    function showClosedTrData() {
        $('#ClosedTickets tbody tr').click(function () {
            $.ajax({
                url: 'Home/TicketDetailsClosed/' + this.cells.ticketID.innerText,
                data: {},
                type: 'GET',
                datatype: 'json',
                success: function (response) {
                    $("#TicketDetails").html(response)
                },
                error: {}
            });
        });
    }
</script>

```

I had it at first without an onclick function but then upon reload it would stop working so I changed it to onclick function, however first time after reload I have to double click the row and after that for the period of 60 seconds till next reload its all fine, after it reloads I have to double click the first time again. Its driving me up the wall.

Please help!

**HTML**

```cs
<table class="table" id="OpenTickets" style="overflow-y:scroll;width:70%;float:left; margin-top:-25px; display:block;">
    <tbody>
        @foreach (var item in Model.ticketModel.OrderByDescending(x => x.ticket.ID).Where(x => x.ticket.StatusID == 1))
        {
            <tr onclick="showOpenTrData()">
                <td class="columnID" id="ticketID">
                    @Html.DisplayFor(modelItem => item.ticket.ID)
                </td>
                <td class="columnSummary">
                    @Html.DisplayFor(modelItem => item.ticket.Summary)
                </td>
                <td class="columnAssignee" id="ajaxTest">
                    @if (item.ticket.Assigned_to_UserID == null || item.ticket.Assigned_to_UserID == 0)
                    {
                        @Html.Label("Unasigned")
                    }
                    else
                    {
                        @Html.DisplayFor(modelItem => item.assignedUser.First_name)
                        <text> </text>
                        @Html.DisplayFor(modelItem => item.assignedUser.Last_name)

                    }
                </td>

                <td style="font-size:11px; width:10%" class="columnUpdated">
                    @if ((item.ticket.updated_at == null))
                    {
                        @Html.DisplayFor(modelItem => item.ticket.Created_at)
                    }
                    else
                    {
                        @Html.DisplayFor(modelItem => item.ticket.updated_at)
                    }
                </td>
            </tr>
        }
    </tbody>
</table>

```