Difficulty accessing contents of JQuery Array
<p>I am adding controls to an array in JQuery like this:</p>

<pre><code>$('#tblControls tr').each(function () {
var radioButtonText = $(this).find("#td2").find("#chxBxValue").val();
var isSelected = $(this).find("#td2").find("#chxBxSelected");
var $newRdBtn = '';

if (isSelected == 1) {
    $newRdBtn = $('&lt;input /&gt;').attr({ id: 'rdBtn', type: 'radio', name: 'rdBtngrp', selected: 'true' }) +'&lt;label for="rdBtn"&gt;' + radioButtonText + '&lt;/label&gt;';
} else {
    $newRdBtn = $('&lt;input /&gt;').attr({ id: 'rdBtn', type: 'radio', name: 'rdBtngrp' }) + '&lt;label for="rdBtn"&gt;' + radioButtonText + '&lt;/label&gt;';
}

rblArray.push($newRdBtn);
});
</code></pre>

<p>Later on in another function I try to add the contents of rblArray to a   like so</p>

<pre><code>$.each(rblArray, function (intIndex, objValue) {
$("#myPlaceHolder").append(rblArray[intIndex]);
$("#myPlaceHolder").append('&lt;br/&gt;');
 });
</code></pre>

<p>But this returns </p>

<pre><code>[object Object]Test Control 1
[object Object]Test Control 2
</code></pre>

<p>instead of</p>

<pre><code>&lt;input type="radio" name="rdBtngrp" id="rdBtn" /&gt;Test Control 1
&lt;input type="radio" name="rdBtngrp" id="rdBtn" /&gt;Test Control 2
</code></pre>

<p>??  What am I missing ??</p>
