[Plugin: Jetpack ] Jetpack's “Infinite Scroll” feature not loading new posts

I’m trying to add Jetpack’s Infinite Scroll feature to my blog, but the new posts aren’t being loaded as I scroll down.

Here is what I have in my functions.php file:

add_theme_support( 'infinite-scroll', array(
  'container' => 'latest-blogs',
  'footer' => false,
  ) );

And here is my index.php file:

<?php get_header();?>
  <section id="content">
    <section id="latest-blogs">

      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

      <article id="post-<?php the_ID(); ?>">
        <span class="top-corners"></span>
	<time datetime="<?php the_time('c'); ?>"><?php the_time('F j, Y'); ?></time>
	<?php the_content(); ?>
	<a>" rel="bookmark" title="View the emails from this podcast."></a>
	<span class="bottom-corners"></span>
      </article>

      <?php endwhile;endif; ?>

      <div id="pagination">
        <?php posts_nav_link(); ?>
      </div>

    </section>
  </section>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

How can I make this work?