title: Trying to disable div section of form only if the values of 2 fields are 1 and checked
body: <p>I am trying to disable a section of a form if it has been signed by a supervisor using 2 fields.
  The problem is it works too good. It disables the section on a new form.  For brevity  here are the 2 fields, the hidden values of those fields and the jquery script.</p>
  
  <p>This is the code of the fields when adding a new form or record.
  These 2 forms are within the div with the id supersection.
  Here is the html for the 2 fields
  First the hidden values of the fields in the form then the html of the fields themselves.</p>
  
  <pre><code>&lt;div id="supersection" style="border: none;"&gt;
  
  &lt;input type="hidden" name="supersignoff" value="0"/&gt;
  &lt;input type="hidden" name="superdeclare" value="0"/&gt;
  
  &lt;label class="padd2left" for="supersignoff"&gt;
  &lt;input type="checkbox" value="1" id="supersignoff" name="supersignoff" /&gt;    
  Complete and sign&lt;/label&gt;
  
  &lt;label for="superdeclare"&gt;
  &lt;input type="checkbox" value="1" id="superdeclare" name="superdeclare"  /&gt;
  I have completed with the best info from all parties&lt;/label&gt;
  </code></pre>
  
  <p>Below is the jquery script.  This disables the whole section.</p>
  
  <pre><code>$(function(){
     var signoff = $("#supersignoff").val();
     var sdeclare = $("#superdeclare").val()
     if(signoff=="1" &amp;&amp; sdeclare=="1"){
        $("#supersection *").prop("disabled",true);
    }
  })
  </code></pre>
  
  <p>Again the section is being disabled even when it is a new form.<br>
  Any ideas?</p>