jQuery Forum

I'm developing a mobile web app for a website. The page basically has some search fields and when clicked displays search results in a updatepanel with a link to detail page for the listing.

I'm using jQuery Mobile in such a way that when user clicks search, search results are displayed in another page using multiple page template way of jQuery and with a link to detail page. Everything runs fine till here but once, I try to get back to search results from a back button, my results are lost (As there in a update panel) and displays a blank page. Any ideas how to proceed from here?

Here is how I constructed my page:

SearchPage

<div data-role="page" id="searchtools">

<div data-role="content">

//

// Form elements (Textbox, some radio buttons etc.,)

<a href="#searchresults" data-role="button" data-theme="b">Search</a>

</div></div>

<ul data-role="listview" data-inset="true">

<li> <a href="/Detailpage.aspx" data-role="button"></a></li>

</ul>

</div></div>

DetailPage

<div data-role="page" id="detailinfo">

<div data-role="content">

<asp:LinkButton ID ="bcksearch" runat="server" data-role="button" data-theme="b" Text="Back to search results" data-rel="back" data-icon="back" ></asp:LinkButton>

</div></div>

Thank you !!