title: Issue with chrome and iPad with querySelectorAll
body: <p>I have the following code:</p>
  
  <pre><code>var showonlyswitch = document.querySelectorAll('#showonlyswitch &gt; optgroup &gt; option');
  for (var y = 0; y&lt;showonlyswitch.length; y++) {
       showonlyswitch[y].addEventListener('click', showonlyproducts);
  }
  </code></pre>
  
  <p>working in firefox, but not in chrome and not in iOS safari. </p>
  
  <p>As far as I know (and "caniuse" tells me), querySelectorAll and addEventListener should both be supported by both browsers. (iOS safari v.8.1 and chrome v.39.0.2171.95 (64-bit))</p>
  
  <p>The function I am calling with this is quite simple:</p>
  
  <pre><code>function showonlyproducts() {
  
      var searchvalue = document.getElementById('showonlyswitch').value;
      if (searchvalue == 1) {
          window.location.href = 'pricing?close=1';
      }
  }
  </code></pre>
  
  <p>First I thought <code>window.location.href</code> would cause some problems, but I tried to <code>console.log</code> some gibberish and it worked in firefox but not in chrome. </p>
  
  <p>I also tried to change </p>
  
  <pre><code>var showonlyswitch = document.querySelectorAll('#showonlyswitch &gt; optgroup &gt; option');
  </code></pre>
  
  <p>to </p>
  
  <pre><code>var showonlyswitch = document.querySelectorAll('#showonlyswitch &gt; option');
  </code></pre>
  
  <p>but that (obviously) doesn't work in any browser. </p>
  
  <p>The select is separated in some optgroups and the function should trigger on click on an option, as the change event isn't sufficient for the situation because it is possible that a solution is chosen without the change event being triggered (no change).</p>
  
  <p>As I said, the code is working perfectly fine in firefox, so there shouldn't be any typos or something (usually ...), there are no errors in chrome's console.</p>
  
  <p>Are there any known issues which come to your mind with anything here?</p>