Focusout or blur on class element
<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>
