title: jQuery: select all DIV's nested under specific DIV
body: <p>I have an architecture similar to this:</p>
  
  <pre><code>&lt;div id="container"&gt;
  &lt;div&gt;stuff here&lt;/div&gt;
  &lt;div&gt;stuff here&lt;/div&gt;
  &lt;div&gt;stuff here&lt;/div&gt;
  &lt;div&gt;stuff here&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to, using jQuery, hide the cursor when the mouse enters <code>#container</code>.  However as the nested divs appear on top it doesn't quite work that way.  How can I hide the mouse cursor when hovering over any of the divs within <code>#container</code>.  Below is the cursor hiding code.</p>
  
  <pre><code>        $('#container').mouseover(function()
          {
              $(this).css({cursor: 'none'});
          });
  </code></pre>