title: how to disable submit button until form is filled
body: <p>I know there is a lot answers for that out-there, but from some reason it not working for me.</p>
  
  <p>You can view the code on <a href="http://jsfiddle.net/qqwcu/" rel="nofollow">JSFiddle</a></p>
  
  <p>There is mistake on the position of the script? with one of the inputs id ?</p>
  
  <p>The problem: after fill the text fields, the button still disabled.</p>
  
  <h1>HTML</h1>
  
  <pre><code>&lt;form class="form" name="contactform" method="post" action="https://lp.outit.co.il/LA-FACE/send_form_email.php"&gt;
      &lt;input  placeholder="Your Name*"  type="text" name="name" maxlength="50"&gt;
      &lt;input placeholder="Phone *"   type="text" name="telephone" maxlength="30"&gt;                    
      &lt;input placeholder="Email *"   type="email" name="email" maxlength="80"&gt;
      &lt;input class="send" id="register" type="submit" value="Send" disabled="disabled"&gt;
  
      &lt;p&gt;* = Requierd fields&lt;/p&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <h1>JQUERY ON HEAD</h1>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  (function() {
  $('form &gt; input').keyup(function() {
  
    var empty = false;
    $('form &gt; input').each(function() {
    if ($(this).val() === '') {
    empty = true;
    }
    });
  
    if (empty) {
      $('#register').attr('disabled', 'disabled');
    } else {
      $('#register').removeAttr('disabled');
    }
    });
  })();
  &lt;/script&gt;
  </code></pre>