docs : index.html - bind click before page load

index.html

@@ -97,25 +97,9 @@ layout: nil
   <script src="js/jquery-1.4.4.min.js"></script>
   <script src="{{ site.isotope_js }}"></script>
   <script>
-    $(function(){
   
     $list = $('#super-list');
   
-      $list.isotope({
-        layoutMode : 'fitRows',
-        masonry : {
-          columnWidth: 220
-        },
-        getSortData : {
-          related : function( $elem ) {
-            return $elem.attr('data-related');
-          },
-          width : function( $elem ) {
-            return $elem.width();
-          }
-        }
-      });
-      
     $('#filter a').click(function(){
       var filterName = $(this).attr('data-filter');
       $list.isotope({ filter : filterName });
@@ -140,6 +124,24 @@ layout: nil
   
     {% include option-buttons.js %}
 
+
+    $(function(){
+      
+      $list.isotope({
+        layoutMode : 'fitRows',
+        masonry : {
+          columnWidth: 220
+        },
+        getSortData : {
+          related : function( $elem ) {
+            return $elem.attr('data-related');
+          },
+          width : function( $elem ) {
+            return $elem.width();
+          }
+        }
+      });
+      
     });
   </script>