Watch for a loss of focus to occur inside paragraphs and note the difference between the focusout count and the blur count.

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> .inputs { float: left; margin-right: 1em; } .inputs p { margin-top: 0; } </style> <script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ var fo = 0, b = 0; $("p").focusout(function() { fo++; $("#fo") .text("focusout fired: " + fo + "x"); }).blur(function() { b++; $("#b") .text("blur fired: " + b + "x"); }); }); </script> </head> <body> <div class="inputs"> <p> <input type="text" /><br /> <input type="text" /> </p> <p> <input type="password" /> </p> </div> <div id="fo">focusout fire</div> <div id="b">blur fire</div> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself