title: jQuery opacity not working
body: <p>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</p>
  
  <p>My JS code is below.</p>
  
  <p><a href="http://jsfiddle.net/mwPeb/7/" rel="nofollow">http://jsfiddle.net/mwPeb/7/</a></p>
  
  <pre><code>&lt;script&gt;
      $(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
              });
  
          });
  
      });
  &lt;/script&gt;
  </code></pre>