title: Bind a function to checkboxes in jQuery Mobile
body: <p>I cannot get a jQuery function to execute upon click or change of a checkbox in jQuery Mobile 1.3.1.  I have tried everything I know to try, so any help will be greatly appreciated.</p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;form&gt;
    &lt;ul data-role="listview" data-split-icon="gear" data-split-theme="d"&gt;
      &lt;li style="padding:0"&gt;
        &lt;a href="#" style="padding:0"&gt;
         &lt;fieldset data-role="controlgroup" class="task-container"&gt;
           &lt;input type="checkbox" name="checkbox-v-2a" id="checkbox-1"&gt;
           &lt;label for="checkbox-1" style="border: none;margin: 0"&gt;Task name&lt;/label&gt;
         &lt;/fieldset&gt;
        &lt;/a&gt;
        &lt;a href="#purchase"&gt;Purchase album&lt;/a&gt;
      &lt;/li&gt;
      .
      .
      .       
     &lt;/ul&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And here is the JavaScript (jQuery):</p>
  
  <pre><code>$("#checkbox-1").change(function() {
    alert("hello world!");
  });
  </code></pre>