title: focusout event on div not working as expected
body: <p>I have following jQuery code:</p>
  
  <pre><code>$("#contact-form-applet").on("focusout",".dc2-ltfc", {ctx:this},function(event) {
      var curRowDiv = $(this);
      var rowObject = {};
      curRowDiv.find("input, textarea").each(function(e){
          rowObject[ $(this).attr("aria-label") ] = $(this).val();
      });
      console.log(rowObject);
  }); 
  </code></pre>
  
  <p>The issue is that code is triggered every time a field loses a focus (field tab out) rather than complete div losing the focus.</p>
  
  <p>Here is the <a href="http://jsfiddle.net/ngautam/zW43H/1/" rel="nofollow">JS Fiddle link</a> demonstrating the problem.</p>
  
  <p>I would like to trigger the code only when a particular row div losses focus, so that I can trigger update once and not every time a field in a row is updated.</p>