jQuery append html element with variable string
<p>I'm a JQuery Newbie. I'm trying to append an object property( declared in an array form) to an html element like the following</p>

<p>HTML:</p>

<pre><code>&lt;div id="container"&gt;
&lt;p&gt;some text &lt;/p&gt;
&lt;p&gt;some text &lt;/p&gt;
&lt;p&gt;some text &lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>JQuery Script:</p>

<pre><code>var obj{
property  :  {'apple', 'orange', 'banana'}
}

for(i=0; i&lt;=2; i++){
$("#container p:eq("+i+")").append(obj.property[i]);
}
</code></pre>

<p>and hope to get this:</p>

<pre><code>&lt;p&gt;some text apple&lt;/p&gt;
&lt;p&gt;some text orange&lt;/p&gt;
&lt;p&gt;some text banana&lt;/p&gt;
</code></pre>

<p>There are no appending shown at all, though my Firebug console shows no error report.</p>

<p>What am I doing wrong? Also, is there any way to replace the for loop with .each(), if it's a better practice?</p>

<p>Thank you</p>
