Fix event delegation on tabs

vendor/assets/javascripts/foundation/jquery.foundation.tabs.js

@@ -1,11 +1,11 @@
 (function ($) {
-  
+
   $.fn.foundationTabs = function (options) {
-    
+
     var settings = $.extend({
       callback: $.noop
     }, options);
-    
+
     var activateTab = function ($tab) {
       var $activeTab = $tab.closest('dl').find('dd.active'),
           contentLocation = $tab.children('a').attr("href") + 'Tab';
@@ -21,17 +21,17 @@
       $(contentLocation).closest('.tabs-content').children('li').removeClass('active').hide();
       $(contentLocation).css('display', 'block').addClass('active');
     };
-    
-    $('dl.tabs dd a', this).on('click.fndtn', function (event){
+
+    $(document).on('click.fndtn', 'dl.tabs dd a', function (event){
       activateTab($(this).parent('dd'));
       $(this).attr("href", window.location.pathname + $(this).attr("href").replace(/^.+#/, '#'));
     });
-    
+
     if (window.location.hash) {
       activateTab($('a[href="' + window.location.hash + '"]').parent('dd'));
       settings.callback();
     }
-    
+
   };
 
 })(jQuery);