title: jQuery eq not working in mobile safari
body: <p>I have the following js:</p>
  
  <pre><code>$('.overlayWrap').on('click', '.overlaySwitch', function(event) {
      var $this = $(this),
          $overlayRegisterWrap = $('.overlayRegisterWrap li'),
          type = $(this).data('go');
  
          event.preventDefault();
          $overlayRegisterWrap.hide();
          $overlayRegisterWrap.eq(type).show();
  });
  </code></pre>
  
  <p>It works in firefox, chrome and safari but as soon as I try it on mobile it hides all the li's but then does not show the proper li. If I console log out <code>$overlayRegisterWrap.eq(type)</code> it finds the right li but does not display it. I am completely lost. Anyone have any ideas?</p>
  
  <p>EDIT
  Here is the basic html structure:</p>
  
  <pre><code>&lt;div id="Overlay" style="" class="overlayWrap" focus=""&gt;
      &lt;ul class="overlayRegisterWrap"&gt;
          &lt;li style="display: none;"&gt;
              //some crazy code
              &lt;a class="overlaySwitch" data-go="1"&gt;Login&lt;/a&gt;
          &lt;/li&gt;
          &lt;li style="display: none;"&gt;
              //some crazy code
              &lt;a class="overlaySwitch" data-go="2"&gt;Register&lt;/a&gt;
          &lt;/li&gt;
          &lt;li style="display: none;"&gt;
              //some crazy code
              &lt;a class="overlaySwitch" data-go="3"&gt;Next&lt;/a&gt;
          &lt;/li&gt;
          &lt;li style="display: none;"&gt;
              //some crazy code
              &lt;a class="overlaySwitch" data-go="1"&gt;Forgot&lt;/a&gt;
          &lt;/li&gt;
          &lt;li style="display: none;"&gt;
              //some crazy code
              &lt;a class="overlaySwitch" data-go="2"&gt;Register&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>