title: different blur behavior for button and select
body: <p>There is a different behavoir for "blur" event on buttons and select. 
  1) klick in textarea > expand textare
  2b) klick in select > DONT shrink textare  > thats correct!
  or
  2a) klick on button > shrink textarea   > how can i prevent that?</p>
  
  <pre><code>&lt;table class="codeBlock"&gt;
  &lt;tr&gt;
      &lt;td&gt;
          &lt;button&gt;Hallo&lt;/button&gt;
          &lt;select&gt;
              &lt;option&gt;A&lt;/option&gt;
              &lt;option&gt;B&lt;/option&gt;
          &lt;/select&gt;
          &lt;textarea&gt;Some text&lt;/textarea&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="codeBlock"&gt;
      &lt;td&gt;
          &lt;textarea&gt;Some text&lt;/textarea&gt;
          &lt;select&gt;
              &lt;option&gt;A&lt;/option&gt;
              &lt;option&gt;B&lt;/option&gt;
          &lt;/select&gt;
          &lt;button&gt;Hallo&lt;/button&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>    $(document).on("blur", ".codeBlock", function () {
          $("textarea", this).height("40px");
      });
  
      $(document).on("focus", ".codeBlock", function () {
          $("textarea", this).height("80px");
      });
  </code></pre>
  
  <p>You can try it at ... <a href="http://jsfiddle.net/klwemu/qfvVG/" rel="nofollow">ysfiddle</a></p>