title: jQuery Focusout of input not working
body: <p>I'm trying to create in-line editing of data in a table, to do this I am changing the text in the cell into an input.</p>
  
  <pre><code>$(document).ready(function(){
      $('td.edit').on("click",function(){
          $(this).html("&lt;input type=\"text\" value=\"" + $.trim($(this).text()) + "\" /&gt;");
          $(this).off();
      });
  });
  </code></pre>
  
  <p>This works fine.</p>
  
  <p>Then I'm wanting to write the data away with ajax when I click away, however I can't seem to get the focusout working...</p>
  
  <p>I've tried the following, all inside the $(document).ready, all without success:</p>
  
  <pre><code>    $('td.edit').on("focusout","input",function(){
          alert("bye");
      });
  
      $('td.edit input').on("focusout",function(){
          alert("bye");
      });
  
      $('td.edit input').focusout(function(){
          alert("bye");
      });
  
      $('td.edit').on("focusout",function(){
          alert("bye");
      });
  
      $('td.edit').focusout(function(){
          alert("bye");
      });
  </code></pre>