title: jQuery .animate keeps triggering without a click
body: <p>This code is supposed to wait until the user clicks on something other than div id="s" and then returns to its place but it keeps triggering immediately when I click. I want it to stay open!</p>
  
  <p>Here is the code and jsfiddle: <a href="http://jsfiddle.net/hBb9L/" rel="nofollow">http://jsfiddle.net/hBb9L/</a></p>
  
  <pre><code> $("#e").click(function() {
    //done
  $("#re").animate({
    "margin-top": "104px"
  }, 800);
  $("#ret").animate({
    "margin-top": "104px"
  }, 800);
  $(".popu").animate({
       "margin-top": "-102px"
   }, 800);
   $("#s").show(200);
  
  $("div:not(#s)").click(function() {
  $("#re").animate({
    "margin-top": "0px"
  }, 800);
  $("#ret").animate({
    "margin-top": "0px"
  }, 800);
  $(".popu").animate({
       "margin-top": "0px"
   }, 800);
   $("#s").hide(200);
   });
  
  
  
   });
  </code></pre>