.toggleClass not working with .live
<p>I'm trying to get a .toggleClass working on a form that I have multiple text/inputs in but its not working the way I'd like. I want all the input[type="text"] fields on the page to have this functionality. Some fields are static and some are added with .append and .live those are not working right. Basically I want a function that works for all fields static or dynamic.</p>

<h2>Code not working</h2>

<pre><code>$(document).ready(function(e) {
   $(this).live('focusin, blur', function() {
        $(':input[type="text"]').bind('focusin blur', function() {
        $(this).toggleClass('fieldFocus');  
        })
    });
});
</code></pre>

<h2>Works for static ones</h2>

<pre><code>$(':input[type="text"]').bind('focusin blur', function() {
        $(this).toggleClass('fieldFocus');
    });
</code></pre>

<p>I'm sure it's a basic problem, but for the life of me I can't figure it out.</p>

<p>Any help would be great! Thanks!</p>

<h2>Works!</h2>

<pre><code>$(document).ready(function(e) {
        $(':input[type="text"]').live('focusin blur', function() {
        $(this).toggleClass('fieldFocus');  
        });
    });
});
</code></pre>
