Change .live to .on in BBQ demos

Author: kswedberg

demo/bbq-fixed.html

@@ -53,7 +53,7 @@ <h2>Smooth Scroll jQuery Plugin with Back Button Support</h2>
   <script>
     $(document).ready(function() {
 
-      $('a[href*="#"]').live('click', function() {
+      $(document).on('click', 'a[href*="#"]', function() {
         var slashedHash = '#/' + this.hash.slice(1);
         if ( this.hash ) {
 

demo/bbq.html

@@ -46,15 +46,14 @@ <h2>Smooth Scroll jQuery Plugin with Back Button Support</h2>
   <script src="../src/jquery.smooth-scroll.js"></script>
   <script src="../lib/jquery.ba-bbq.js"></script>
   <script>
-    $(document).ready(function() {
-
-      $('a[href*="#"]').live('click', function() {
-        if ( this.hash ) {
-          $.bbq.pushState( '#/' + this.hash.slice(1) );
-          return false;
-        }
-      });
-
+    $(document)
+    .on('click', 'a[href*="#"]', function() {
+      if ( this.hash ) {
+        $.bbq.pushState( '#/' + this.hash.slice(1) );
+        return false;
+      }
+    })
+    .ready(function() {
       $(window).bind('hashchange', function(event) {
         var tgt = location.hash.replace(/^#\/?/,'');
         if ( document.getElementById(tgt) ) {