Question

I have this code here:

$('#packageDateStopRenewalCheckedx').bind('check', function(){
    $(this).attr('checked', 'checked');
});
$('#packageStatus').live('change', function(){
    $('#packageDateStopRenewalCheckedx').trigger('check');
});

Both of the elements are live, so I’m getting this error on line 5:

$("#packageDateStopRenewalCheckedx") is null

How do I work around this? Basically what I need is that when a select #packageStatus changes, a checkbox #packageDateStopRenewalCheckedx is being checked.

Any help?

Answer 1

Try this:

$('#packageDateStopRenewalCheckedx').bind('check', function(e){
    e.stopPropagation();
    $(this).attr('checked', 'checked');
});
$('#packageStatus').live('change', function(e){

    $('#packageDateStopRenewalCheckedx').trigger('check');
});

But please post your HTML as well.. I can not see how your first function is triggered twice.
Also, why use ‘live’. Can’t see that from your code?