title: select elements using display:block
body: <p>This is the html content from which I want to select all elements inside report having display block using jQuery
  <code>$("#report:visible")</code> does not work for me.</p>
  
  <pre><code>&lt;div id="report"&gt;
          &lt;div id="p1" style="display: block;"&gt;
              &lt;input id="pname1"  type="checkbox" name="report1"&gt;
              &lt;input id="pname2"  type="checkbox" name="report2"&gt;
          &lt;/div&gt;
          &lt;div id="p2"  style="display: none;"&gt;
              &lt;input id="pname1"  type="checkbox" name="report1"&gt;
              &lt;input id="pname2"  type="checkbox" name="report2"&gt;
          &lt;/div&gt;
          &lt;div id="p3"  style="display: none;"&gt;
              &lt;input id="pname1"  type="checkbox" name="report1"&gt;
              &lt;input id="pname2"  type="checkbox" name="report2"&gt;
          &lt;/div&gt;
              &lt;div id="p4"  style="display: block;"&gt;
              &lt;input id="pname3"  type="checkbox" name="report1"&gt;
              &lt;input id="pname4"  type="checkbox" name="report2"&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>