How to show a hidden div using jQuery if 3 input text fields in another div are not empty?
<p>I have a div that is hidden when the DOM is loaded, using hide().</p>

<pre><code>    &lt;div class="disappear"&gt;
    Some text appears here
    &lt;/div&gt;
</code></pre>

<p>How do I make the above div (<strong>.disappear</strong>) show when the input fields with class <strong>.master</strong> (one to three) are not empty. (Ideally, trigger it on .blur in each of the input fields.)</p>

<pre><code>    &lt;div id="form"&gt;
    &lt;form&gt;
    &lt;input type="text" name="one" class="master"&gt;
    &lt;input type="text" name="two" class="master"&gt;
    &lt;input type="text" name="three" class="master"&gt;
    &lt;input type="text" name="four" class="slave"&gt;
    &lt;input type="text" name="five" class="slave"&gt;
    &lt;/form&gt;
    &lt;/div&gt;
</code></pre>

<p>Thanks in advance!</p>
