title: link not clicked because removed after onblur
body: <p>I have a textarea with this event bind :<br>
  <strong>on focus :</strong><br>
  display a link that will popup a larger version of text area.<br>
  <strong>on blur :</strong>
  remove the link.  </p>
  
  <p>but "click" event on the link never triggered because it's already removed when <strong>onblur</strong> trigerred.  </p>
  
  <pre><code>$("#text-area-new-message").focus(function(){
      $("#text-area-new-message").after('&lt;a id="enlarge-text-area" href="#"&gt;enlarge text area&lt;/a&gt;');
      $("#enlarge-text-area").click(function(){
          alert('test');
      });
  });
  $("#text-area-new-message").blur(function(){
      $("#enlarge-text-area").remove();
  });
  </code></pre>
  
  <p>here is the <a href="http://jsfiddle.net/EPzbR/1/" rel="nofollow">jsfiddle</a></p>
  
  <p>how is the better way to do that?</p>