title: Jquery isotope filtering mechanism not working, instead page just refreshes
body: <p>I'm trying to use Isotope for a filtering mechanism in my Rails application.</p>
  
  <p>I have included in a JS file I send to the client:</p>
  
  <pre><code>/*-----------------------------------------------------------------------------------*/
  /*  ISOTOPE PORTFOLIO
  /*-----------------------------------------------------------------------------------*/
  $(document).ready(function () {
      var $container = $('.items');
      $container.imagesLoaded(function () {
          $container.isotope({
              itemSelector: '.item',
              layoutMode: 'fitRows'
          });
      });
  
      $('.portfolio .filter li a').click(function () {
  
          $('.portfolio .filter li a').removeClass('active');
          $(this).addClass('active');
  
          var selector = $(this).attr('data-filter');
          $container.isotope({
              filter: selector
          });
  
          return false;
      });
  });
  </code></pre>
  
  <p>as for my HTML:</p>
  
  <pre><code>&lt;div class="portfolio"&gt;
        &lt;ul class="filter"&gt;
          &lt;li&gt;&lt;a class="active" href="#" data-filter="*"&gt;All&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" data-filter=".vegan"&gt;Vegan&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#" data-filter=".organic"&gt;Organic&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;ul class="items col4"&gt;
              &lt;li class="item vegan"&gt;
                &lt;figure class="icon-overlay medium icn-more"&gt;
                  &lt;a href="" class="fancybox-media" data-rel="portfolio"&gt;
                    &lt;img src="default.png" alt=""&gt;
                  &lt;/a&gt;
                &lt;/figure&gt;
                &lt;div class="image-caption"&gt;
                  &lt;h3&gt;&lt;a href="#"&gt;How to cook quinoa&lt;/a&gt;&lt;/h3&gt;
                  &lt;span class="meta"&gt;&lt;/span&gt;
                &lt;/div&gt;
              &lt;/li&gt;
              &lt;li class="item organic"&gt;
                &lt;figure class="icon-overlay medium icn-more"&gt;
                  &lt;a href="" class="fancybox-media" data-rel="portfolio"&gt;
                    &lt;img src="default.png" alt=""&gt;
                  &lt;/a&gt;
                &lt;/figure&gt;
                &lt;div class="image-caption"&gt;
                  &lt;h3&gt;&lt;a href="#"&gt;How to organic food&lt;/a&gt;&lt;/h3&gt;
                  &lt;span class="meta"&gt;&lt;/span&gt;
                &lt;/div&gt;
              &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>When I click on a filter button, all it does is refresh the webpage.</p>
  
  <p>Additionally, I send over to the client jquery.isotope.min.js which should be the source for isotope to work.</p>
  
  <p>This code came as part of a theme used for the Rails application.</p>
  
  <p>There are no console errors indicating a problem with isotope.</p>
  
  <p>EDIT:</p>
  
  <p>The code is working fine, but is not being executed in the browser after placing a breakpoint on the JS function.</p>
  
  <p>Also, I notice the template and my rails app is using jquery.isotope.min.js, where as the fiddle is using isotope.pkgd.min.js</p>
  
  <p>The template can be found at:</p>
  
  <p><a href="http://themeforest.net/item/-slowave-multipurpose-responsive-wordpress-theme/6870792" rel="nofollow">http://themeforest.net/item/-slowave-multipurpose-responsive-wordpress-theme/6870792</a></p>