title: Using jquery to monitor form field changes
body: <p>Trying to learn some jquery to implement an autosave feature and need some assistance. I have some code to monitor the status of form fields to see if there has been any change. Everything works, but I need to only monitor the changes in a specific form, not all form inputs on the page. There is a search box and a newsletter form on the same page and when these form fields are changed, they are detected as well, which I need to filter out somehow or better yet, only target the specific form.</p>
  
  <pre><code>$(function(){
      setInterval("CheckDirty()",10000);
      $(':input').each(function() {
          $(this).data('formValues', $(this).val());
      });
  });
  
  function CheckDirty()
  {
      var isDirty = false;
  
      $(':input').each(function () {
          if($(this).data('formValues') != $(this).val()) {
              isDirty = true;
          }
      });
  
      if(isDirty == true){
          alert("isDirty=" + isDirty);
      }
  }
  </code></pre>