jquery .find and append img tag
<p>I am trying to load pictures name from a xml object and append to div. I am getting confuse with append typing layout, not able to find where im doing typing mistake. </p>

<p>This is working</p>

<pre><code>$("#nn").append("&lt;img id='theImg' src='/pic/jas/pic1.jpg'/&gt;");
</code></pre>

<p>This not working</p>

<pre><code>$("#nn").append("&lt;img id='theImg' src='/pic/jas/'" + customer.find("pic_name") + "/&gt;");
</code></pre>

<p>My jquery script part is</p>

<pre><code>function OnSuccess(response) {
        var xmlDoc = $.parseXML(response.d);
        var xml = $(xmlDoc);
        pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());
        var pic_infoVar = xml.find("pic_info");

        pic_infoVar.each(function () {
            var customer = $(this);
        $("#picDiv").append("&lt;img id='theImg' src='/pic/jas/'" + customer.find("pic_name") + "/&gt;");
        });

        $("#loader").hide();
    }
</code></pre>

<p>Html Div tag</p>

<pre><code>&lt;div id="picDiv"&gt;
    LoadPic
&lt;/div&gt;
</code></pre>
