title: jQuery .not() issues
body: <p>The premise of what I'm trying to do is use jQuery to start a CSS transition to open and close a search box.</p>
  
  <p>User clicks magnifying glass icon, box opens, user clicks anywhere on the page but the search form, box closes.</p>
  
  <p>To close, using this:</p>
  
  <pre><code>$('body *').not('#header-search, #header-field, #header-submit').click(function () {
  </code></pre>
  
  <p>And different variations of the answer found here: <a href="https://stackoverflow.com/questions/9173055/jquery-select-everything-except-a-single-elements-and-its-children">jQuery - Select everything except a single elements and its children?</a> without success.</p>
  
  <p><strong>Clicking on the input#header-field always closes the box.</strong></p>
  
  <p>Pen Here:</p>
  
  <p><a href="http://codepen.io/anon/pen/RNbmwr" rel="nofollow noreferrer">http://codepen.io/anon/pen/RNbmwr</a></p>
  
  <p>Thanks for reading.</p>