Hi all, I found same strange behavior when I trying hiding, or removing DIVs inside form.
Please look on my sample here: http://62.245.92.202/jquery-sample.php Expected behavior is: When I make change inside input field “one” text “lorem ipsum” will be shown between “one” and input:text field. When another change is made “lorem ipsum” text will be remove and shown again. So every time there will be only one text “lorem ipsum” This scenario works great only in field “one” when try to fill another fields “two” or “three” “lorem ipsum” text will not hide and will be shown again and again bellow last one. Please, could you check my script and tell me what I doing wrong? Thank you Vojtech Whole script from sample for copy/paste: <head> <script src="http://jquery.com/src/jquery-latest.js" type="text/ javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#cust_registration input:text").change(function() { var input_name = $(this).attr("name"); $(".lab_"+input_name+" #test").hide(); $("label[for="+input_name+"]").after("<p id=\"test\"><strong> lorem ipsum </strong></p>"); }); }); </script> </head> <body> <div class="customer_login_form"> <form id="cust_registration" method="" action=""> <div class="lab_one"> <label id="" class="form_desc" for="one">one</label> </div> <div> <input id="one" class="inputbox" type="text" name="one"> </div> <div class="lab_two"> <label id="" class="form_desc" for="two">two</label> </div> <div> <input id="two" class="inputbox" type="text" name="two"> </div> <div class="lab_three"> <label id="" class="form_desc" for="three">three</label> </div> <div> <input id="three" class="inputbox" type="text" name="three"> </div> </form> </div> </body>