I have a multi page application using jquery mobile ,like page1,page2,page3,page4.

Here page3 generates dynamical list which populates on basis of database and when list item is clicked ,it navigates to page4 using "$.mobile.changepage".

Until this step everything goes fine,but when i press back button in page4,on page3 listitems are doubled in number and getting added to the existing list.

I don't know what to do.Any help regarding this problem

2. for(var i=0;i<result.length;i++){
4. var li = $('<li/>').html(result[i]+' ').append('<br>'+'$'+price[i].resultSet[0].price);
6.        li.append($('<hr>'));
7.       
8.         $(#result).append(li);
9. 
   
10.        $('#result').listview('refresh');
11.    
12. }