jQuery error: object doesn't support this property
<p>i am working on the following page:
<a href="http://www.skuuzi.com/products/skuuzi-4pack-brown" rel="nofollow">http://www.skuuzi.com/products/skuuzi-4pack-brown</a></p>

<p>On the above page there are options like 4brown, 4 grey. the options can be selected in firefox and IE8. But in IE7 and IE9 i get error the options cannot be selected.It is working fine in firefox.</p>

<p>Following is the js that i am using Radio-demo.js</p>

<pre><code>$(document).ready(function() {
    $("#list li a").live('click', function(event) {
        // First disable the normal link click
        event.preventDefault();

        // Remove all list and links active class.
        $('#list .active').removeClass("active");

        // Grab the link clicks ID
        var id = this.id;

        // The id will now be something like "link1"
        // Now we need to replace link with option (this is the ID's of the checkbox)
        var newselect = id.replace('link', 'option');
        alert(newselect);

        // Make newselect the option selected.
        $('#' + newselect).attr('checked', true);

        // Now add active state to the link and list item
        $(this).addClass("active").parent().addClass("active");

        return false;
    });

    // Toggle Form so you can see it working
    $("a.toggleform").click(function(event) {
        event.preventDefault();
        $('#radioform').toggle("slow");

    });
});
</code></pre>

<p>Please help me how can i remove the error and get it working in all browsers</p>
