title: Changing the opacity of the body except one element
body: <p>I want to make the document opacity <code>0.5</code> except for one div. Can any one help me with this? I have tried to do the following:</p>
  
  <pre><code>$("#button").click(function() {
      $("body").css({ opacity: '0.5' });
      $("#DIV").css({ opacity: '1' });
  });
  </code></pre>