title: jquery syntax for .on("change","input[name^=
body: <h2>Project Focus</h2>
  
  <p>Toggle Checkbox(es)</p>
  
  <h2>Special Requirement</h2>
  
  <p>Need to bind the new(dynamically) added <code>div.id container</code> that holds these checkboxes. <strong>Note:</strong> this <code>div.id</code> has been dynamically generated (client-side).</p>
  
  <h2>Status</h2>
  
  <p>My <a href="http://jsfiddle.net/cpardon/zuganuu8/" rel="nofollow">Working Fiddle</a> successfully toggles between 1(one) or 0(none) checkboxes.</p>
  
  <h2>The HTML</h2>
  
  <pre><code>&lt;div id="bind_id"&gt;
      &lt;input type="checkbox" name="iso_01[]" class="setTitlePre1" value="L/R" /&gt;
      &lt;label for name "iso_01" class="isoVar1"&gt;No.1&lt;/label&gt;
      &lt;input type="checkbox" name="iso_01[]" class="setTitlePre2" value="Alt" /&gt;
      &lt;label for name "iso_01" class="isoVar2"&gt;No.2&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h2>Working Script</h2>
  
  <pre><code>var checkboxes;
  checkboxes = $("input[name^=iso_01]").change(function (e) {
  checkboxes.not(this).prop("checked", false);
  }
  });
  </code></pre>
  
  <h2>Desired Result</h2>
  
  <p>I'm having trouble with syntax for updating <code>.click()</code> to <code>.on("click","input..."</code> see <a href="http://jsfiddle.net/cpardon/agbzLkne/" rel="nofollow">Bound Fiddle</a><br/></p>
  
  <h2>Updated Script</h2>
  
  <pre><code>var checkboxes;
  checkboxes = $("#bind_id").on("change", "input[name^=iso_01]", function (e) {
  if (this.checked) {
  checkboxes.not(this).prop("checked", false);
  }
  });
  </code></pre>