jQuery - Combining multiple element selectors with :not - how
<p>I am having a devil of a time getting two selectors to work <em>together</em> as well as do when I declared seperate.</p>

<p>My issue:</p>

<p>I want to close a menu when I move to <em>any</em> input OR anchor tag that is NOT contained with a certain element. When I explicitly code for both input and anchor, I get the behavior I need - BUT when I try to condense my code and combine them, it behaves weirdly and does not work as intended.</p>

<p>So, basically when a user focus's in an input field or anchor that is NOT a child of my selector I want to close a menu. When I use two sperate handlers, it works. I want to combine them. </p>

<p>I am trying to shorten this....</p>

<pre><code>jQuery('#hdr input:not(#opt *)')
.focusin(function(event){
   setTimeout(function(){
       jQuery("#opt").hide()
   },100);
 });
jQuery('#hdr a:not(#opt *)')
.focusin(function(event){
   setTimeout(function(){
       jQuery("#opt").hide();
   },100);
 });
</code></pre>

<p>I've tried all of this into one line, to no avail:</p>

<pre><code>jQuery('#hdr a input:not(#opt *)')
jQuery('#hdr a, #hdr input:not(#opt *)') &lt;-- I expect this to work, but doesn't.
jQuery('#hdr a,input:not(#opt *)')
jQuery('#hdr *:not(#opt *)')
</code></pre>

<p>It seems to only work when I do a single arg like: #hdr a , or #hdr input  BUT when I try to combine them, no luck. I've searched high and low but no luck.</p>
