jquery - turning "autocomplete" to off for all forms (even ones not loaded yet)

Question

So, I've got this code:

$(document).ready(function(){
    $('form').attr('autocomplete', 'off');
});

It works great for all forms already existing. The problem is, some forms of mine are in pop ups loaded throught ajax. This won't apply to them since they're "loaded" later.

I know there's a live() function - but that's only for attaching events. What's a good way to apply this to all forms?

Thanks.

Answer 1

You could bind a live event to the focus event and then change the attribute on that.

$(document).ready(function(){
    $(':input').live('focus',function(){
        $(this).attr('autocomplete', 'off');
    });
});

As of jQuery 1.7 jQuery.live was deprecated. This code would now look like:

$(document).ready(function(){
    $( document ).on( 'focus', ':input', function(){
        $( this ).attr( 'autocomplete', 'off' );
    });
});