How do I check to see if form inputs(x5) have not been left empty by the user, using JavaScript/JQuery?
<p>I am working on this code below and have had a stab at writing a IF statement around the code with <code>//*</code> .</p>

<p>The <code>if</code> statement logic should say 'If all(x5) form input fields are empty then show alert message else do what's between <code>//*</code></p>

<p>The user must modify at least one of the five input fields with a letter or number, for the form to be submitted.</p>

<pre><code>$('.submit').live('click', function(){

  // *
  $('.submit').parent().find('form').submit();
  alert('The form has been submitted!');
  // *

});
</code></pre>

<p>HTML Structure:</p>

<pre><code>&lt;div style="margin:50px;"&gt;
    &lt;div id="search-prefix"&gt;
        &lt;form method="post" action=""&gt;
            &lt;input type="text" class="alpha-first default-value" name="" maxlength="1" value="?" /&gt;
            &lt;input type="text" class="numeric plate-divide default-value" name="" maxlength="3" value="???" /&gt;
            &lt;input type="text" class="alpha default-value" name="" maxlength="1" value="?" /&gt;
            &lt;input type="text" class="alpha default-value" name="" maxlength="1" value="?" /&gt;
            &lt;input type="text" class="alpha default-value" name="" maxlength="1" value="?" /&gt;
        &lt;/form&gt;
    &lt;/div&gt;
    &lt;span class="btn submit"&gt;Search&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>Any help would be greatly appreciated, Thanks</p>
