pauljamesgo on "[Plugin: Jetpack | Infinite Scroll] is not working."

I am working with http://www.karlocamero.com/ added plugin:jetpack and used its carousel with ease. Then I tried using the infinite scroll and followed the tutorial in http://ottopress.com/2012/jetpack-and-the-infinite-scroll/, but those seems to work for me.

I already add the this code on function.php

add_theme_support( 'infinite-scroll', array(
    'container'  => 'content',
    'footer'     => 'page',
) );

Also change the index.php loop to

<!-- Start the Loop. -->
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content', get_post_format() ); ?>
<?php endwhile; ?>
<?php twentytwelve_content_nav( 'navigation,' ); ?>
<?php endif; // end loop ?>

and made a content.php with this code

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php
if ( has_post_thumbnail()) {
echo '<a href="' . get_permalink($post->ID) . '" >';
the_post_thumbnail('a');
echo '</a>';
}
?>
<header>
<a href="<?php the_permalink(); ?>"><h2><?php the_title(); ?></h2></a>
<p><?php the_time('F j, Y'); ?> • <?php comments_number( 'no responses', 'one response', '% responses' ); ?></p>
</header>
<?php the_excerpt() ?>
</article>

then add this codes to my style.css

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll #navigation,
.infinite-scroll.neverending #footer {
    display: none;
}
/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending #footer {
    display: block;
}

Active Plugins are:
Bad Behavior
Disqus Comment System
Jetpack by WordPress.com
Justified Image Grid
NextGEN Gallery
Really Simple Twitter Feed Widget
Revolution Slider
ShareThis
ToolBar Removal
WordPress Importer
WordPress to Buffer

Can someone help me where did I do wrong? Thanks in advance!