Select Unselect item using Image in Repeater or GridView in ASP.Net using jQuery

Reref this code

HTML

<asp:Repeater ID="Repeater1" runat="server">
    <HeaderTemplate>
        <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <th>
                    Bookmark
                </th>
                <th>
                    Website URL
                </th>
            </tr>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td>
                <asp:Image ID="imgBookmark" ImageUrl="~/Images/grayStar.png" runat="server" />
            </td>
            <td>
                <%# Eval("Website") %>
            </td>
        </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>

Namespace

using System.Data;

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[1] { new DataColumn("Website", typeof(string)) });
        dt.Rows.Add("http://aspsnippets.com/");
        dt.Rows.Add("http://aspforums.net/");
        dt.Rows.Add("http://forums.asp.net/");
        dt.Rows.Add("http://w3schools.com/");
        Repeater1.DataSource = dt;
        Repeater1.DataBind();
    }
}

Javascript

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('[id*=imgBookmark]').click(function () {
            if ($(this).attr('src') == 'Images/grayStar.png') {
                $(this).attr('src', 'Images/yellowStar.png');
            }
            else {
                $(this).attr('src', 'Images/grayStar.png');
            }
        });
    });
</script>

Screenshot