title: How do I check to see if form inputs(x5) have not been left empty by the user, using JavaScript/JQuery?
body: <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>