title: Jquery opacity change
body: <p>I have this code:</p>
  
  <pre><code>$('a[rel="imagesHandler"]').hover(
      function(){
          //ia latimea
          var liWidth = $(this).width();
          $(this).append('&lt;div id="editBar"&gt;&lt;a id="delPic" href="#"&gt;&lt;img id ="piDe"src="./images/pic_del_icon.png" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;');
  
          $('div#editBar')
              .css({  'width':liWidth - 3,
                  'height':'19px',
                  'padding-left':'3px',
                  'padding-top':'1px',
                  'float':'left',
                  'position':'relative',
                  'top':'-22px',
                  'z-index':200,
                  'background-color':'black',
                  'opacity':'0.5'
              })
              .hide()
              .fadeIn('slow');
  
          $('a#delPic').click(function(event){
              event.stopPropagation();
              alert('gigi');
              return false;
          });
      },
      function(){
          $('div#editBar').hide('slow');
          $('div#editBar').remove();
      }
  );
  </code></pre>
  
  <p>So, i append that  that pops on mouseover, inside this div is the a#delPic. I changed the opacity of div#editBar to 0.5 but it applies to a#delPic too. So, I want to change back the a#delPic opacity to 1. How can I do this? I tried some versions. That's why I ended up putting that id to the anchor (trying to directly select it), but still doesn't work.</p>