title: Why does new jQuery on('change') not fire on iOS, while it works on Android?
body: <p>I'm trying to update a piece of code to the new jQuery <code>on()</code> method. I have a table and a select box. I want to populate the select box with one option for each table header cell, which works fine.</p>
  
  <p>Then I want to toggle header cells depending on options selected. This works on desktop and Android but not on iPad.</p>
  
  <p>This is what I'm doing:</p>
  
  <pre><code>$('table th').each(function(i) {
  
    // add option to select box for each table column
    var toggle = $('&lt;option value="'+id+'"&gt;'+th.text()+'&lt;/option&gt;');
    $('select#toggle').append(toggle); }      
  
    // set up options
    $('select#toggle').one("updateCheck", function(){     
       console.log("th-setup");       
       // if condition, then select, otherwise don't select
       }).trigger("updateCheck");
  
    });
  
  
    // listen for select changes
    $('select#toggle').on('change', function() {  
       console.log("change detected");
       })
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;select id="toggle"&gt;&lt;/select&gt;
  
  &lt;table class="sample"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
       &lt;th&gt;one&lt;/th&gt;
       &lt;th&gt;two&lt;/th&gt;
       &lt;th&gt;three&lt;/th&gt;
       &lt;th&gt;four&lt;/th&gt;
     &lt;/tr&gt;
    &lt;/thead&gt;
  &lt;/table&gt;    
  </code></pre>
  
  <p>I first tried to bind the following code to document like so:</p>
  
  <pre><code> $(document).on('change',$('select#toggle'), function(...)
  </code></pre>
  
  <p>but this simply crashes my iPad before the page is displayed. </p>
  
  <p>Can someone tell me if I'm doing something wrong and why selecting an option does not trigger a change event on iPad vs triggering one on Android and desktop?</p>