title: Jquery Mobile's checkboxes change firing twice with phonegap on iOS (but working on Android)
body: <p>I am using checkboxes in my JQM/Phonegap Build app.</p>
  
  <pre><code>&lt;div id="wavetypes" class=ui-grid-b&gt;
                      &lt;div class=ui-block-a&gt;
                          &lt;input type="checkbox" name="checkbox-t-2a" id="wavetypes_checkboxsmallwave" data-theme="b"&gt;
                          &lt;label for="wavetypes_checkboxsmallwave"&gt;Small-wave&lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class=ui-block-b&gt;
                          &lt;input type="checkbox" name="checkbox-t-2b" id="wavetypes_checkboxperf" data-theme="b"&gt;
                          &lt;label for="wavetypes_checkboxperf"&gt;Performance&lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class=ui-block-c&gt;
                          &lt;input type="checkbox" name="checkbox-t-2c" id="wavetypes_checkboxstepup" data-theme="b"&gt;
                          &lt;label for="wavetypes_checkboxstepup"&gt;Step-up&lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>And I am listening to their change like this </p>
  
  <pre><code>$(document).on('pagecreate','#welcome-page', function(){    
  
  $(document).on('change','#wavetypes_checkboxsmallwave, #wavetypes_checkboxperf, #wavetypes_checkboxstepup',function(){ 
  
      console.log('-------------------');
      console.log(e.target.tagName.toUpperCase()+' : ' + $(this).attr('id') +', is checked ? : '+$(this).is(":checked"));
      if (e.target.tagName.toUpperCase() === "LABEL") {
          return;
      }
          var proId = $('#chosenpro').find(":selected").val();
          var brandid = $('#chosenbrand').find(":selected").val();
          console.log(proId);
          console.log(brandid);
          if ( !$.isNumeric(proId) ) {
              console.log("proId is not numeric");
              if ( !$.isNumeric(brandid) ) {
                  console.log("brandid is not numeric");
                  //resetModelsListView(prodata, false, 0, 0, 0);
                  //addBoardAndLogoInModelListView();
  
              } else {
                  var targetbrand = prodata[brandid]['brand'];
                  //resetModelsListView(prodata, false, 0, targetbrand, 0);
                  //addBoardAndLogoInModelListView();
              }
          } else {
              console.log("proId IS numeric");
              var targetproName = prodata[proId]['name'];
              var targetbrand = prodata[brandid]['brand'];
  
              //LISTVIEW
              //resetModelsListView(prodata, false, 0, targetbrand, targetproName);
              //addBoardAndLogoInModelListView();
          }
      });
  </code></pre>
  
  <p>...but the boxes don't get checked when I tap on them on Phonegap + iOS.</p>
  
  <p>It works well on desktop or on Phonegap + Android.</p>
  
  <p>Can you help please ?</p>
  
  <p>edit: it seems that the js is being bound twice... so the checkbox checks and unchecks....but I can't figure out why...</p>
  
  <p>edit:
  the event is fired twice on iOS, here's the console ouput (it gets checked then unchecked...weird !!) :</p>
  
  <pre><code>-------------------
  INPUT : checkboxperf, is checked ? : true
  -------------------
  INPUT : checkboxperf, is checked ? : false
  </code></pre>