Display value of Label inside TemplateField of GridView in popup using jQuery ASP.Net

If you dont want to show the bulder id in the GridView then you need to use HiddenField. Add the HiddenFiled in Other GridView Column. As you are setting Id Column as Visible false so this column will not be rendered.

I have created a sampe here:

HTML

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:TemplateField HeaderText="ID" Visible="False">
            <ItemTemplate>
                <asp:Label ID="lblId" runat="server" CssClass="Id" Text='<%# Bind("Id") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Name">
            <ItemTemplate>
                <asp:HiddenField ID="hfId" runat="server" Value='<%# Bind("Id") %>' />
                <asp:Label ID="lblName" CssClass="Name" runat="server" Text='<%# Bind("Name") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Country">
            <ItemTemplate>
                <asp:Label ID="lblCountry" CssClass="Country" runat="server" Text='<%# Bind("Country") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:LinkButton Text="View" ID="lnkView" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>
<hr />
<div id="BuilderGrid_Display" style="display: none">
    <b>Id:</b> <span id="sId"></span>
    <br />
    <b>Name:</b> <span id="sName"></span>
    <br />
    <b>Description:</b> <span id="sCountry"></span>
</div>

jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
    rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(document).on("click", "[id*=lnkView]", function () {
        $("#sId").html($("[id*=hfId]", $(this).closest("tr")).val());
        $("#sName").html($(".Name", $(this).closest("tr")).html());
        $("#sCountry").html($(".Country", $(this).closest("tr")).html());
        $("#BuilderGrid_Display").dialog({
            title: "View Details",
            buttons: {
                Ok: function () {
                    $(this).dialog('close');
                }
            },
            modal: true
        });
        return false;
    });
</script>

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
                        new DataColumn("Name", typeof(string)),
                        new DataColumn("Country",typeof(string)) });
        dt.Rows.Add(1, "John Hammond", "United States");
        dt.Rows.Add(2, "Mudassar Khan", "India");
        dt.Rows.Add(3, "Suzanne Mathews", "France");
        dt.Rows.Add(4, "Robert Schidner", "Russia");
        GridView1.DataSource = dt;
        GridView1.DataBind();
    }
}

Screenshot