jQuery Isoptope sorting
<p>This new post is in reference to <a href="http://stackoverflow.com/questions/11462719/jquery-masonry-item-order">jQuery Masonry item order</a>.
I tried using Isotope instead of jQuery masonry but the results are the same as you can see on <a href="http://www.cornforth.koolkattest.com/product-category/wildlife/" rel="nofollow">http://www.cornforth.koolkattest.com/product-category/wildlife/</a>. I would like the items to appear so that Dolphins appear before fish and invertebrates appear before pinnipeds. My code is as follows:</p>

<pre><code>var $container = jQuery('.tax-product_cat #content');

$container.imagesLoaded( function(){
  $container.isotope({
    itemSelector : 'li.product',
        masonry: {
    columnWidth: 245,
    gutterWidth: 22
  },
    getSortData : {
        category : function (el) {
          // el refers to each item matching `itemSelector`
          return el.find('h3').text().trim();
       }
  },
  sortBy : 'category',
  sortAscending : true

  });
</code></pre>
