jQuery Event Propagation: fadeIn get call multiple times
<p>Here is my base case. If I click on <code>Text</code>, a text box will fade in, and put a focus on that text box. When I press Esc, the text box will disappear and the <code>Text</code> will fade back in. <a href="http://jsfiddle.net/FDjUm/" rel="nofollow">http://jsfiddle.net/FDjUm/</a>. I have two questions. <strong>Please refer to the below jsfiddle for visual demonstration of my questions</strong></p>

<p>1) <a href="http://jsfiddle.net/FDjUm/4/" rel="nofollow">http://jsfiddle.net/FDjUm/4/</a>
I put in an alert box in the <code>focus</code>, and it get called infinitely. Why is that and how can I fix it?</p>

<p>2) <a href="http://jsfiddle.net/Zh8HR/13/" rel="nofollow">http://jsfiddle.net/Zh8HR/13/</a>
I put in an alert box in the <code>fadeIn</code>. The alert get called multiples times (not infinitely). So I put <code>return false</code> then the first time (the first click and press Esc), it work great (alert box only appear 1 time). But the more you click and esc, the more time the alert box appear? Why and how to fix it?</p>

<p>I am new to jQuery, so be criticized if the way I write jQuery is improper. And i want to learn and write good code. </p>
