[jQuery] Image load causing page refresh

[jQuery] Image load causing page refresh


hi,
I am creating a plugin for my gallery. I am loading image on click of
a thumnail. thumnail's rel attribute contains the url of the larger
image.
In my pluging i have a method to load the clicked image.
LoadSelectedImage = function(){
        var src = $('gallery li.on a').attr('rel');
        var img = new Image();
        $('#testing').css({opacity: .5});
        $(img).load(function () {
            $(this).css({display: 'none'});
            $('#loader').removeClass('loading');
            $('#testing').empty();
            $('#testing').css({opacity: 1});
            $('#testing').append(this);
            $(this).fadeIn(400);
        }).error(function () {
        }).attr('src', src).attr('id','gallery_img_container');
    }
but when this method runs on click of the thumbnail, the whole page
refreshes and the execution again start from
$('#gallery1').Gallery(); //start the Gallery plugin
please help me out.
thnx