title: jQuery: How to change data-bind on click event?
body: <p>I have a a form with multiple fields on it. Below is example:</p>
  
  <pre><code>&lt;input id="txtContactFirstName" name="txtContactFirstName" maxlength="20" class="k-textbox standardInput" required="required" data-bind="value: appointmentDetails.ContactFirstName" /&gt;
  &lt;input id="txtContactPhone" name="txtContactPhone"  data-role="maskedtextbox" data-mask="(999)-000-0000" class="k-textbox phoneInput" required="required" data-bind="value: appointmentDetails.ContactPhone" /&gt;
  </code></pre>
  
  <p>I have a checkbox on the form as well. </p>
  
  <pre><code>&lt;label id="lblPatientDetailsSameAsPatient"&gt;&lt;input id="patientDetailsSameAsPatientCheckBox" type="checkbox" data-bind="checked: intakeSettings.sameAsPatient" name ="PatientDetailsSameAsPatientCheckBox" /&gt;Same as Patient&lt;/label&gt;
  </code></pre>
  
  <p>I want the <strong>data-bind</strong> values to change to something else when I click on the checkbox. So basically I will be pulling data for txtContactFirstName from patientDetails.FirstName  and txtContactPhone from patient.Details.FirstName? How can I achieve this on click and assign data-bind values to txtContactFirstName  and txtContactPhone ?</p>
  
  <pre><code>$("#patientDetailsSameAsPatientCheckBox").click(function (e) {
          if (e.target) {
  
             ?? Logic goes here which will assign data-bind values to txtContactFirstName  and txtContactPhone ?
  
          }
      });
  </code></pre>