.click not working in IE8

.click not working in IE8

Hey Guys, Im using the galleria plugin in one of my drupal sites and had to do some customizations.

Everything works as intended in FF, Opera, Safari but not IE.

Basically due to the customizing I need to do a .click on an image to get the results I want.

What the .click does is it clicks on the thumbnail to show the correct image in the main image wrapper.

I know you wouldn't need to do any customizing to Galleria to do this but Im using multiple galleries on a single page that change based on a selection.

But in IE when it runs through the script and gets to the .click it ends up redirecting the page to the url of the actual image.

Ive tested this on Windows 7 and XP and both have the same problem. Ive also tried "Compatibilty View" in IE on both W7 and XP and still the same problem.

My code is:

<code>
    // Change Color on Selection
    $("#edit-attributes-1").change(function(){                                       
        $(".color-option-" + this.value).show().siblings().not('#main-image').hide();
        $('.color-option-' + this.value + ' .item-list ul.gallery li.active img').click();
        $('#get-color-id').text(this.value);
    });

    $("#edit-attributes-1").change();
   
    // Set Correct Main Image on Page Load and Refresh
    $(window).load(function() {
            var get_color = $('#edit-attributes-1 option:selected').val();
            $('#get-color-id').text(get_color);
            $('.color-option-' + get_color + ' .item-list ul.gallery li.active img').click();
            $('#galleria-content').show();
    });
</code>

Any help is greatly appreciated and if I should elaborate more, please just let me know.

Thanks!

JC