$elem.hasClass nie jest funkcją

znalazłem ten jsFiddle http://jsfiddle.net/Yvk9q/9/ które używają izotop dla doprowadzenia elementu, który chcę na początku.
Próbowałem skopiować ten kod na swoją stronę, ale ona nie działa!
enter image description here
Ja naprawdę nie mam pojęcia, dlaczego $elem.hasClass nie jest funkcją (przyznam, że nigdy nie używałem $elem wcześniej )
Czy ktoś może mi pomóc rozwiązać ten problem?
Dziękuję!

jQuery(document).ready(function($) {

                var $container = $('#homepage-grid');
                $container.imagesLoaded( function(){
                    $container.isotope({
                        itemSelector: 'article',
                        masonry: {
                            columnWidth: 125
                        },
                        getSortData : {
                            milk : function( $elem ) {
                                var isMilk = $elem.hasClass('milk');
                                return (!isMilk?' ':'');
                            },
                            eggs : function( $elem ) {
                                var isEggs = $elem.hasClass('eggs');
                                return (!isEggs?' ':'');
                            },
                            bacon : function( $elem ) {
                                var isBacon = $elem.hasClass('bacon');
                                return (!isBacon?' ':'');
                            }
                        }
                    });
                });

                var $optionSets = $('#main-nav .option-set'),
                          $optionLinks = $optionSets.find('a');

                      $optionLinks.click(function(){
                        var $this = $(this);
                        // don't proceed if already selected
                        if ( $this.hasClass('selected') ) {
                          return false;
                        }
                        var $optionSet = $this.parents('.option-set');
                        $optionSet.find('.selected').removeClass('selected');
                        $this.addClass('selected');

                        // make option object dynamically, i.e. { filter: '.my-filter-class' }
                        var options = {},
                            key = $optionSet.attr('data-option-key'),
                            value = $this.attr('data-option-value');
                        // parse 'false' as false boolean
                        value = value === 'false' ? false : value;
                        options[ key ] = value;
                        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
                          // changes in layout modes need extra logic
                          changeLayoutMode( $this, options )
                        } else {
                          // otherwise, apply new options
                          $container.isotope( options );
                        }

                        return false;
                });

            });

$elem nie jest obiektem JQuery. Jeśli chcesz użyć hasClass (który może być wywołana tylko na obiekcie JQuery), to musisz przekonwertować go do obiektu JQuery, używając $($elem)