title: how to detect form feild change live to show or hide submit button
body: <p>MY form look like below:</p>
  
  <pre><code>&lt;form id="myform"&gt;
      &lt;fieldset&gt;
          &lt;div class="row-fluid"&gt;
              &lt;label class="checkbox"&gt;&lt;input type="checkbox" id="status" name="status"&gt;Active&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="row-fluid"&gt;
              &lt;label&gt;Address&lt;/label&gt;
              &lt;input type="text" id="city" name="city" /&gt;
              &lt;input type="text" id="state" name="state" /&gt;
          &lt;/div&gt;
          &lt;a id="save" class="btn btn-primary hide"&gt;save changes&lt;/a&gt;
          &lt;a id="close" class="btn"&gt;Close&lt;/a&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My this form appear pre-populated. That is my status is checked, name has value Anyname, city has value Anycity, and State has value AnyState. Basically, the save changes form is hidden when the form appears. But, if user click on any of the field, just append any character or remove character, it should detect the changes live any immediately set save changes button to show i.e. remove class hide. If again, the appended character is removed and set to original, it should again hide the save change button.</p>
  
  <p>Basically it is to detect form field change live and hide or show button live.</p>
  
  <p>I had look at couple of  question related to it but none of them fulfilled my requirement.</p>
  
  <p>I tried </p>
  
  <pre><code> $('myform:input, myform:checkbox').change(function() {
        $("#save").removeClass("hide");
  });
  </code></pre>