I think the problem here is that you are destroying and then re-creating the elements. When you destroy the element, you lose all of the event handlers that you had associated with them.
Try changing to: jQuery('#login').live('click',function... And see if that doesn't solve your problem. On Wed, Dec 23, 2009 at 6:00 AM, Muaz <muazahmedm...@hotmail.com> wrote: > Hello I have this problem I am facing for past couple of days. I am > using the following jQuery code > > jQuery(document).ready(function(){ > jQuery("#login").click(function(){ > jQuery("#logbox").slideToggle("slow"); > }); > jQuery("#loggedin").click(function(){ > jQuery("#logbox2").slideToggle("slow"); > }); > }); > > notice that i am using jQuery instead of $ because I have included > prototype.js in file > > login and loggedin are two div which are on same place. Both divs are > recreated by AJAX but after they are recreated jQuery stops working > untill i manually refresh the page i have seen all the solution > already given but since i am a beginner in jQuery i am unable to > understand and implement them.. > > Kindly provide me with some guidlines on how to solve this problem > > > -- John Arrowwood John (at) Irie (dash) Inc (dot) com John (at) Arrowwood Photography (dot) com John (at) Hanlons Razor (dot) com -- http://www.irie-inc.com/ http://arrowwood.blogspot.com/