title: jQuery - Given a DIV with a bunch of <P> tags, how to find the first <P> that isn't empty
body: <p>Given a DIV with a lot of paragraph tags:</p>
  
  <pre><code>&lt;div&gt;
   &lt;p&gt;&lt;/p&gt;
   &lt;p&gt;ADSADASAD ADS ADS  A &lt;/p&gt;
   &lt;p&gt;ADSADASAD ADS ADS  A &lt;/p&gt;
   &lt;p&gt;ADSADASAD ADS ADS  A &lt;/p&gt;
   &lt;p&gt;ADSADASAD ADS ADS  A &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to magically find the first <code>&lt;P&gt;</code> which isn't empty using just jQUery? ideas?</p>