ajaxing data and displaying
<p>I am trying to display some xml data from remote URL using jquery and ajax. In my xml, there are simply two elements to be accessed: <code>title</code> and <code>url</code>.</p>

<p>The structure of my xml file is as follows:</p>

<pre><code>&lt;list&gt;
  &lt;lists&gt;
   &lt;songs&gt;
   &lt;title&gt;Pumped Up Kicks - Foster the people&lt;/title&gt;       
   &lt;url&gt;http://dc249.4shared.com/img/970884399/8b9afc1d/dlink__2Fdownload_2Fmf4-        10b_5F_3Ftsid_3D20111122-112912-f675aa20/preview.mp3&lt;/url&gt;
  &lt;/songs&gt;
 &lt;/lists&gt;
&lt;/list&gt;
</code></pre>

<p>And I have the following jquery code:</p>

<pre><code>$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "http://jeewanaryal.web44.net/SongsXML/nepaliSongs.xml",
        dataType: "xml",
        success: function (xml) {
            var items = parseXml(xml);
            doStuff(items);
        }
    });
});

function parseXml(xml) {
    var items = [];
    $(xml).find("songs").each(function () {
        items.push({
            name: $(this).find("title").text(),
            value: $(this).find("url").text()
        });
    });
    for (var i = 0; i &lt; items.length; i++) {
        $(".phoneGapAPI").append(items[i].name + " &lt;button class=\"newsDiv\" onclick=\"openChildBrowser(" + items[i].value + ");\"&gt;click here&lt;/button&gt; &lt;br&gt; &lt;br /&gt;");
    }
}
</code></pre>

<p>I can guess that I am doing wrong at the statement <code>openChildBrowser("+items[i].value+");</code>
How can I implement this? I need to pass the variable <code>items[i].value</code> inside the function <code>openChildBrowser()</code>.
This code works fine displaying <code>items[i].name</code> but click here link does not let me to open that URL.</p>
