I'm stuck where first i need to find on the grid the Text whether it is "Joined" or "Join"
then if it is join the anchor tags Href will be `"/User/JoinEvent?eventId=@item.EventId&eventdateid=@item.EventDateId"`

and when it is "Joined" the anchor tags Href will be `"/User/DeleteEventDate?userEventId=@item.UserEventId"` 
using Jquery

this is my trial but its all not working because before i want the "Joined" to be disabled 

`

```
$(document).ready(function () {
    if ($('#btnEdit').text("Joined")) {
        $('#btnEdit').prop('disabled', "disabled"); 
    }
    else {
        $('#btnEdit').prop('disabled', true);
    }
});

```

`

`<td>
 <a href="/User/JoinEvent?eventId=@item.EventId&eventdateid=@item.EventDateId" id="btnEdit" class="k-button" style="text-decoration: none;">
 @item.IsJoined</a>
 </td>`

My Trial 

```
$(document).ready(function () {
        var txt = $('#btnEdit').text()
        if (txt === "Joined") {
            $('#btnEdit').prop('href', "/User/DeleteEventDate?userEventId=@item.UserEventId");

        }
        else {
        $('#btnEdit').prop('href', "/User/JoinEvent?eventId=@item.EventId&eventdateid=@item.EventDateId");

        }
    });

```