How to I only show the divs if that div has an input that isn't blank?
<p>I have a bunch of divs that are all hidden like this</p>

<pre><code>&lt;div class="elements"&gt;
    &lt;input value="something" type="text" value="" name="name"&gt;
    &lt;input value="" type="text" name="phone"&gt;

&lt;/div&gt;

&lt;div class="elements"&gt;
    &lt;input type="text" value="" name="name" class="contact_name"&gt;
    &lt;input value="something" type="text" name="phone"&gt;

&lt;/div&gt;

&lt;div class="elements"&gt;
    &lt;input type="text" value="" name="name" class="contact_name"&gt;
    &lt;input value="" type="text" name="phone"&gt;

&lt;/div&gt;

&lt;div class="elements"&gt;
    &lt;input value="something_again" type="text" value="" name="name"&gt;
    &lt;input value="" type="text" name="phone"&gt;
&lt;/div&gt;
</code></pre>

<p>CSS</p>

<pre><code>.elements{display:none;}
</code></pre>

<p>I want to show only the element divs that have an input of that is not an empty string....so in the above example i would show the first, second and fourth divs because at least one input has a value...</p>

<pre><code>$('.elements').find('input').each(function)...
</code></pre>

<p>that is what i have so far but not sure how to search if there is at least one input that isn't blank</p>
