title: jQuery popup / hide box
body: <p>Here is where I am at so far: 
  <a href="http://jsbin.com/ujuqa3/4" rel="nofollow">http://jsbin.com/ujuqa3/4</a></p>
  
  <p>So far, I've decided to set a variable to false and to true when the .share-box is open. After it is open, I want the user to be able to click anywhere (except the box) to close it.</p>
  
  <p>Right now it works the first time, but any time after that, it messes up for some reason.</p>
  
  <pre><code>    $(document).ready(function() {
  
          // user clicks on report this button
         $(".shareThis").click(function() {
  
          // confirmation fades in
          $(".share-box").fadeIn("fast"),
  
                  // Prevent events from getting pass .share-box
                  $(".share-box").click(function(e){
                    e.stopPropagation();
                  });
         });
  
        $(document.body).click(function () {
                  $("body").click(function(){
                      // hide the share-box if clicked anywhere aside from the box itself
                    $(".share-box").fadeOut().removeClass("active");
                  });
    });
       });
  </code></pre>