title: Overflow hidden jQuery Selector
body: <p>I have several <code>&lt;p&gt;</code> elements inside a <code>&lt;div&gt;</code>. The <code>&lt;div&gt;</code> has <code>overflow-y:auto;</code> which is hiding some <code>&lt;p&gt;</code> elements from view unless you scroll down.
  See <a href="http://jsfiddle.net/qnuxs/1/" rel="nofollow">http://jsfiddle.net/qnuxs/1/</a></p>
  
  <p>How can i write a jQuery selector that only select <code>&lt;p&gt;</code> elements that are fully(not partially) visible and not hidden from view with overflow. </p>
  
  <p>So from the jsfiddle example i provided the selector should give me the first 2 <code>&lt;p&gt;'s</code> (000 and 111) since they are the only tags fully in view.</p>
  
  <p>Note: not all <code>&lt;p&gt;</code> tags necessary have the same height. Height can vary. </p>