How to show GridView in jQuery popup with GridView Paging ?

See more:

ASP.NET

jQuery

Gridview

Hi All,

I'm unable to show GridView in jQuery popup. GridView contains it's page index_changing event.

My .aspx code is below:

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" PageSize="3" OnPageIndexChanging="GridView1_PageIndexChanging"></asp:GridView>
        <asp:LinkButton ID="lnkBtnPopup" runat="server" onclick="lnkBtnPopup_Click">Show PopUp</asp:LinkButton>

And my .CS page is as below:

protected void lnkBtnPopup_Click(object sender, EventArgs e)
        {
            GridView1.DataSource = GetData();
            GridView1.DataBind();
        }
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
        {
            GridView1.DataSource = GetData();
            GridView1.PageIndex = e.NewPageIndex;
            GridView1.DataBind();
        }

And my jQuery as as follows:

<script type="text/javascript">
        $("[id*=lnkBtnPopup]").live("click", function () {
            $("#GridView1").dialog({
                title: "Hello World",
                width: "200px",
                buttons: {
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
            });
            return false;
        });
    </script>

I want to show Grid with paging in jQuery popup when I click on LinkButton.
The code is not working. Please help ASAP.
Thanks in advance.