title: Focusout or blur on class element
body: <p>I'm trying to change the class of an input element when it loses focus. The whole premise of this project is to allow the user to double-click some text and then be able to edit that text. Then when they lose focus on the field, it should look like it's not part of a form.</p>
  
  <p>my problem lies here:</p>
  
  <pre><code>$('.actdblclk').dblclick(function(){
  
      $(this).removeClass('actdblclk').addClass('actdblclk_active').focus();
  
  });
  
  $('.actdblclk_active').focusout(function(){
      alert();
  
      $(this).removeClass('actdblclk_active').addClass('actdblclk');
  });
  </code></pre>
  
  <p>I gain focus on the input field when I double click, but when I click off, the focusout event does not fire.</p>
  
  <p>Here is the whole fiddle <a href="http://www.jsfiddle.net/t8JsG/" rel="nofollow">http://www.jsfiddle.net/t8JsG/</a></p>