Displaying XML value using JQuery
<p>I am using JQuery and XML.</p>

<p>I have got below XML format.</p>

<p><strong>Resource XML:</strong></p>

<pre><code>&lt;?xml version="1.0"?&gt;
&lt;root xmlns:link="http://www.emirates.com/tridion"&gt;
    &lt;data name="LoginAccount" tcm="tcm:233-191754" type="Text"&gt;
        &lt;value&gt;Login to your Account&lt;/value&gt;
    &lt;/data&gt;
    &lt;data name="Airport" tcm="tcm:233-191754" type="Text"&gt;
        &lt;value&gt;Airport&lt;/value&gt;
    &lt;/data&gt;
    &lt;data name="BusinessClass" tcm="tcm:233-191754" type="Text"&gt;
        &lt;value&gt;Business&lt;/value&gt;
    &lt;/data&gt;
&lt;/root&gt;
</code></pre>

<p>Now I have got JQuery where I am looking to get these values loaded first and then further use them in page, for example.</p>

<p><strong>JQuery Code Sample:</strong></p>

<pre><code>// Dialog           
    $('#skywardsLoginLink').click(function(){
        $('#skywardsLogin').dialog({
            autoOpen: true,
            width: 450,
            modal: true,
            title: 'Login to your Skywards Account'
        });
        if($('#skywardsLogin').is(':visible')) {
            hideSelect();
        } else {
            showSelect();
        }
    });
</code></pre>

<p>In above jquery code the text <strong>'Login to your Skywards Account'</strong> should come from my Resource XML as my application is multilingual.</p>

<p>I am looking to create such function in JQuery where I will just passing the <strong>name attribute</strong> value and which will fetch the actual values from XML, say for example.</p>

<p><strong>getDataFromResourceFile('LoginAccount');</strong> should display <strong>'Login to your Skywards Account'</strong></p>

<p>Please suggest!</p>
