I am attempting to convert my HTML to Wordpress theme. So my navigation is much like this

<li><a href="">Home</a><small>Home</small></li>
<li><a href="">Flavors</a><small>Subtitle</small></li>
<li><a href="">About Us</a><small>Subtitle 2</small></li>
<li><a href="">Photos</a><small>Subtitle 3</small></li>
<li><a href="">Our Shop</a><small>Subtitle 4</small></li>

My code to date is

<li><a href="<?php bloginfo('url'); ?>" title="Home">Home</a><small>Home</small></li>
wp_list_pages('title_li=&link_after=<small>'.get_post_meta($post->ID, 'subtitle', true).'</small>');

As the story goes, it does not work. I give a custom area subtitle for each page to place the Subtitle factor, however i can't call that within the wordpress_list_pages loop.

Any help?

Here's a tutotial on adding subtitles to menu links you can test.