this code below shows the titles and links for 5 posts in get_posts no problem but only displays the date and excerpt for first post... any help please?

&lt;?php
$args = array(
    'posts_per_page' =&gt; 5,
    'post_type' =&gt; 'my',  
    'order_by' =&gt; 'post_date',
    'tax_query' =&gt; array(
                        array(
                    'taxonomy' =&gt; 'mycategory',
                    'field' =&gt; 'id',
                    'terms' =&gt; array(36, 38, 83, 84),
                    'operator' =&gt; 'NOT IN'
                    ),
                    ),
);
$last_five_posts = get_posts( $args );

foreach ( $last_five_posts as $post ) : setup_postdata( $post ); ?&gt;
    &lt;div&gt;&lt;a href="&lt;?php the_permalink() ?&gt;" rel="bookmark" title="Permanent Link to &lt;?php the_title_attribute(); ?&gt;" id="frontpagelatestposttitle"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div&gt;&lt;?php the_date(); ?&gt;&lt;/div&gt;
    &lt;div id="frontpagelatestpostexcerpt"&gt; &lt;p&gt;
    &lt;?php the_excerpt(); ?&gt;

    &lt;/p&gt; &lt;/div&gt;
&lt;?php endforeach;
wp_reset_postdata();
?&gt;



Question: Changing html content onclick chrome extension
Answer: I fixed it, my js skills are horrible so it was a dumb mistake, this is the fixed version:

var well=0
//Executed when the extension's icon is clicked
chrome.browserAction.onClicked.addListener(function(tab) 
{ 
    if(well==1)
    {
        well=0;
        document.getElementById('music').innerHTML= '&lt;iframe src="#" width="100" height="100"&gt;&lt;/iframe&gt;';
    }
    else
    {
        well=1;
        document.getElementById('music').innerHTML= '&lt;iframe src="http://electro.piratefm.ro/popup.html" width="100" height="100"&gt;&lt;/iframe&gt;';
    }
});