title: Blur function event stop propagation
body: <p>So I have this textarea that expands on focus(), and returns to its original position on blur().<br>The issue I'm having is to stop the blur function propagation (keep the textarea focused) when a button is clicked.</p>
  
  <pre><code>$("#mytextarea").focus(function(){
      $(this).animate({"height": "50px",}, "fast" );
  });
  
  $("#mytextarea").blur(function(e){  
          if (e.target.id === 'button'){
           return false;
           e.stopPropagation();
           e.cancelBubble = true;
      }
      else{
      $('#mytextarea').animate({"height": "20px",}, "fast" );
      }
  });
  </code></pre>
  
  <p>The solution I came up with is to replace: </p>
  
  <pre><code>$("#mytextarea").blur(function(e)
  </code></pre>
  
  <p>with </p>
  
  <pre><code>$(document).click(function(e)
  </code></pre>
  
  <p>But honestly I don't want to use document.click, my page is already heavy on js and using this method makes it slow. Here's a <a href="http://jsfiddle.net/ZpaDJ/4/" rel="nofollow">Fiddle</a> </p>