I am trying to change the opacity of the image after I click the red button instead of adding the different image, and I should not see the red button on the new image

My JS code is below.

http://jsfiddle.net/mwPeb/7/

<script>
    $(document).ready(function () {
        $(".specialHoverOne").hover(function () {
            //  alert("i am here");
            $(".ctaSpecialOne").css("visibility", "visible");

        },

        function () {
            $(".ctaSpecialOne").css("visibility", "hidden");
        });

        $(".ctaSpecialOne").click(function (e) {
            alert("clicked");
            e.preventDefault();
            //$(this).closest('.specialHoverOne').unbind("mouseenter").end().parent().siblings('a').children("img").attr("src", //"http://imgs.zinio.com/magimages/62898189/2012/416242497_200.jpg");                
            $(this).css({
                'opacity': 50
            });

        });

    });
</script>