C# - Copying The Entire Telerik Docklayout From One Page To Another Page

I'm trying to copy the docklayout from one page and try to recreate it in another page.

Here is my code-

protected void dockLayout_SaveDockLayout(object sender, DockLayoutEventArgs e)
{
List dockState = dockLayout.GetRegisteredDocksState();
JavaScriptSerializer ser = new JavaScriptSerializer();
Session["dock"] = ser.Serialize(dockState);
}
protected void btnSave_Click(object sender, EventArgs e)
{
Response.Redirect("receivingPage.aspx");
}
receivingPage.aspx.cs
public partial class receivingPage : System.Web.UI.Page
{
private List dockStates;
private RadDockLayout dockLayout;
protected override void OnInit(EventArgs e)
{
dockLayout = new RadDockLayout();
dockLayout.LoadDockLayout += new DockLayoutEventHandler(dockLayout_LoadDockLayout);
JavaScriptSerializer ser = new JavaScriptSerializer();
dockStates = ser.Deserialize>(Page.Session["dock"].ToString());
for (int i = 0; i < dockStates.Count; i++)
{
RadDock dock = new RadDock();
dock.ID = string.Format("RadDock{0}", i);
dock.ApplyState(dockStates[i]);
dockLayout.Controls.Add(dock);
}
this.Controls.Add(dockLayout);
}
protected void Page_Load(object sender, EventArgs e)
{
}
void dockLayout_LoadDockLayout(object sender, DockLayoutEventArgs e)
{
foreach (DockState state in dockStates)
{
e.Positions[state.UniqueName] = state.DockZoneID;
e.Indices[state.UniqueName] = state.Index;
}
}
}

But I'm getting emtpy docklayout in receivingPage.aspx.