When i created a liste by using button inside of a gridview byJQUERY when i click a button value is not comming. instead of value of button UNDEFINED is comming
<Script>
function al() {
alert("Click is working ");
alert($(this).attr('value'));
console.log("click :" + id);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="padding-left: 10px">
<asp:Label ID="lblSearch" runat="server" Text="Search Text : " Font-Bold="true"></asp:Label>
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox><asp:Button ID="btnSearch"
runat="server" Text="Search" />
<asp:Label ID="lblMessage" runat="server" Text="No Record Found" Font-Bold="true"
ForeColor="Red" Style="display: none"></asp:Label>
<asp:GridView ID="grdDemoGrid" runat="server" AutoGenerateColumns="False" DataKeyNames="CustomerID"
DataSourceID="SqlDataSource1" Width="500px" Style="margin-top: 10px">
<HeaderStyle CssClass="GridHeader" />
<RowStyle CssClass="GridRow" />
<AlternatingRowStyle CssClass="GridAltRow" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<table>
<tr>
<td>
<input id="Button2" type="button" onclick='al();' value='<%# Eval("City") %>' /><br />
</td>
<td>
<input id="hidden" type="hidden" value='<%# Eval("CustomerID") %>' />
</td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:nv %>"
SelectCommand="SELECT [CustomerID], [CompanyName], [ContactName], [City] FROM [Customers]">
</asp:SqlDataSource>
</div>