Why does this undefined keep appearing in my demo?
<p>Here take a <a href="http://jsfiddle.net/abhisheksimion/LSh4M/5/" rel="nofollow">look</a></p>

<p>Click on any of the checkboxes and you will see <code>undefined</code></p>

<p>my code</p>

<pre><code>    $('#compareForm input:radio').click(function() {
        populateCompare($(this).val());
  });

function populateCompare(cmp)
{
var mytr = new Array();
var mytrs;
var i=0;
var xml=dummy1;
$('#compareContent').empty();
/*$('#compareContent').html("&lt;table width='100%'&gt;&lt;tr&gt;&lt;td align='center'&gt;Compare details being loaded&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align='center'&gt;&lt;img src='/csm/view/include/images/loading.gif' alt='Loading'/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;");*/
if(cmp=="all")
{

    $(xml).find('TagResult').each(function(){
        if($(this).attr("isEqual")=="false")
        {
            mytr[i]='&lt;tr&gt;'+
            '&lt;td class="different" align="left"&gt;'+$(this).attr("elementname")+'&lt;/td&gt;'+
            '&lt;td class="different" align="left"&gt;'+$(this).attr("value1")+'&lt;/td&gt;'+
            '&lt;td class="different" align="left"&gt;'+$(this).attr("value2")+'&lt;/td&gt;'+
            '&lt;/tr&gt;';
        }
        else
        {
            mytr[i]='&lt;tr&gt;'+
            '&lt;td class="nametd" align="left"&gt;'+$(this).attr("elementname")+'&lt;/td&gt;'+
            '&lt;td class="value1td" align="left"&gt;'+$(this).attr("value1")+'&lt;/td&gt;'+
            '&lt;td class="value2td" align="left"&gt;'+$(this).attr("value2")+'&lt;/td&gt;'+
            '&lt;/tr&gt;';
        }

        mytrs+=mytr[i];
        i++;
    });


    $('#compareContent').empty();
    $('&lt;div&gt;')
    .html('&lt;table id="compareTable" cellspacing="0" cellpadding="0"&gt;'+
            '&lt;tr&gt;'+
                '&lt;th align="center"&gt;Name&lt;/th&gt;'+
                '&lt;th align="center"&gt;Config1&lt;/th&gt;'+
                '&lt;th align="center"&gt;Config2&lt;/th&gt;'+
            '&lt;/tr&gt;'+mytrs

        +'&lt;/table&gt;')
    .appendTo('#compareContent');
    i=0;
    mytrs="";
} 
if(cmp=="diff")
{
    console.info(cmp);
    $(xml).find('TagResult').each(function(){
        if($(this).attr("isEqual")=="false")
        {
            mytr[i]='&lt;tr&gt;'+
            '&lt;td class="different" align="left"&gt;'+$(this).attr("elementname")+'&lt;/td&gt;'+
            '&lt;td class="different" align="left"&gt;'+$(this).attr("value1")+'&lt;/td&gt;'+
            '&lt;td class="different" align="left"&gt;'+$(this).attr("value2")+'&lt;/td&gt;'+
            '&lt;/tr&gt;';
        }
        mytrs+=mytr[i];
        i++;
    });


    $('#compareContent').empty();
    $('&lt;div&gt;')
    .html('&lt;table id="compareTable" cellspacing="0" cellpadding="0"&gt;'+
            '&lt;tr&gt;'+
                '&lt;th align="center"&gt;Name&lt;/th&gt;'+
                '&lt;th align="center"&gt;Config1&lt;/th&gt;'+
                '&lt;th align="center"&gt;Config2&lt;/th&gt;'+
            '&lt;/tr&gt;'+mytrs

        +'&lt;/table&gt;')
    .appendTo('#compareContent');
    i=0;
    mytrs="";
} 
 }
</code></pre>
