title: jQuery Selector for all descendants of a element
body: <p>I have a <code>&lt;div id="rptViewer"&gt;</code> that has multiple div and tables, which in turn can have multiple div and tables.
  I need a jQuery selector to select all the div or tables under "rptViewer" either directly or indirectly(nesting).</p>
  
  <p>I am trying the following jQuery selectors.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $("[id*='rptViewer'] table").each(function(i, item) {
               $(item).css('display', 'inline-block');
              });
              $("[id*='rptViewer'] div").each(function(i, item) {
                  $(item).css('display', 'inline-block');
              });            
  
              $("[id*=rptViewer] table").attr("width","");
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>But when I am checking it using firebug, I found that only the direct child of 'rptViewer' are getting 'inline-block' CSS</p>