title: textarea focusout not working when clicking into sortable list
body: <p>I've searched pretty extensively, so forgive me if this has been covered somewhere else.  Consider this small program, which demonstrates the problem I'm trying to solve.  I would like the .focusout() event to trigger when one clicks out of the textarea box to the sortable list.  It triggers pretty much everywhere outside the textarea but the list.  Any thoughts?</p>
  
  <pre><code>    &lt;!DOCTYPE HTML&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;style&gt;
      textarea {
        width:90px;
        height:90px;
      }
  
      #la {
        width:90px;
        height:90px;
        border:1px solid black;
      }
  
      ul {
        margin:0;
        list-style-type: none;
      }
  
      li {
        border:1px solid black;
      }
      &lt;/style&gt;
      &lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
      $( document ).ready(function() {
        $("#la ul").sortable();
      });
  
      $( document ).ready(function() {
        $("#ta").focusout(function(){
          alert("out");
        });
      });
  
      &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
      &lt;div id="la"&gt;
      &lt;ul&gt;
        &lt;li&gt;Coffee&lt;/li&gt;
        &lt;li&gt;Tea&lt;/li&gt;
        &lt;li&gt;Milk&lt;/li&gt;
      &lt;/ul&gt;  
      &lt;/div&gt;&lt;br&gt;
      &lt;div id="cont"&gt;
      &lt;textarea id="ta"&gt;123456&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;/body&gt;&lt;/html&gt;
  </code></pre>