title: html <select> jquery mix it up not working ios
body: <p>Hello I'm using jquery mix it up plugin for a portfolio section of a web. Everything is ok. But I builded a select option menu for mobile devices only (using bootstrap classes hidden-xs and visible-xs). In normal browser works ok, but in iphone not working. I can select option but nothing happen. Mix it up effect not appear like the rest of browsers.</p>
  
  <p>This is my html
     </p>
  
  <pre><code>&lt;select class="visible-xs form-control " id="filters"&gt;
  &lt;option class="filter active"  data-filter="cat1 cat2 cat3 cat4 cat5"&gt;&lt;span &gt;All&lt;/span&gt;&lt;/option&gt;
  &lt;option class="filter" data-filter="cat1"&gt;&lt;span &gt;Cat1&lt;/span&gt;&lt;/option&gt;
  &lt;option class="filter" data-filter="cat2"&gt;&lt;span&gt;Cat2&lt;/span&gt;&lt;/option&gt;
  &lt;option class="filter" data-filter="cat3"&gt;&lt;span &gt;Cat3&lt;/span&gt;&lt;/option&gt;
  &lt;option class="filter" data-filter="cat4"&gt;&lt;span&gt;Cat4&lt;/span&gt;&lt;/option&gt;
  &lt;option class="filter" data-filter="cat5"&gt;&lt;span&gt;Cat5&lt;/span&gt;&lt;/option&gt;
  &lt;/select&gt;
  &lt;ul id="filters" class="hidden-xs clearfix"&gt;
  &lt;li&gt;&lt;span class="filter active" data-filter="cat1 cat2 cat3 cat4 cat5"&gt;All&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span class="filter" data-filter="cat1"&gt;Innovación&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span class="filter" data-filter="cat2"&gt;Investigación&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span class="filter" data-filter="cat3"&gt;Artículos&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span class="filter" data-filter="cat4"&gt;Libros&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span class="filter" data-filter="cat5"&gt;Web&lt;/span&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div id="portfoliolist"&gt;
  ....the code of each item....
  </code></pre>
  
  <p>and this is my Java code:</p>
  
  <pre><code>$(function () {
  
          var filterList = {
  
              init: function () {
  
                  // MixItUp plugin
                  // http://mixitup.io
                  $('#portfoliolist').mixitup({
                      targetSelector: '.portfolio',
                      filterSelector: '.filter',
                      effects: ['fade'],
                      easing: 'smooth',
                      // call the hover effect
                      onMixEnd: filterList.hoverEffect()
                  });             
  
              },
  
              hoverEffect: function () {
  
                  // Simple parallax effect
                  $('#portfoliolist .portfolio').hover(
                      function () {
                          $(this).find('.label-content').stop().animate({bottom: 0}, 200, 'easeOutQuad');
                          $(this).find('img').stop().animate({top: -100}, 500, 'easeOutQuad');                
                      },
                      function () {
                          $(this).find('.label-content').stop().animate({bottom: -100}, 200, 'easeInQuad');
                          $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');                               
                      }       
                  );              
  
              }
  
          };
  
          // Run the show!
          filterList.init();
  
  
      }); 
  </code></pre>
  
  <p>Anybody knows what could be wrong??
  Thanks in advance</p>