title: JQuery Button disabled on click after being enabled in reference to values in form fields
body: <p>I am very new to JQuery: I am a little perplexed to ask but asking is better than the alternative:</p>
  
  <p>I am trying to disable a button but enable it when something is in the field/textbox.
  This is simply experimental, just getting my feet wet here.</p>
  
  <p>Alternatively I could disable the button on <code>windows load</code> or apply the attribute directly on the form element.</p>
  
  <pre><code>$(document).ready(function() {
  
   $('#btnSubmit').attr('disabled', true);
  
  $('#myForm :input').blur(function(){
      if($('#myField').val() == '')
      {
          $('#btnSubmit').attr('disabled', true);
      }
      else
      {
          $('#btnSubmit').attr('disabled', false);
      }
  });
  });
  </code></pre>
  
  <p>The problem is after I enter a value and leave the field the button is enabled but as soon as I click the button it is disabled again:</p>
  
  <p>What am I missing?</p>
  
  <p>Thanks my friends.</p>