title: How to get specific XML data with respect to the array value in jquery
body: <p>I have a xml data of value and text tags. in which i need the specific values and its respective text to be listed. The specific values are mentioned in an array.</p>
  
  <p><strong>xml</strong></p>
  
  <blockquote>
  <pre><code>&lt;menu&gt;
  &lt;variant&gt;
      &lt;value&gt;1&lt;/value&gt;
      &lt;text&gt;12 pa&lt;/text&gt;
  &lt;/variant&gt;
  &lt;variant&gt;
      &lt;value&gt;2&lt;/value&gt;
      &lt;text&gt;30 pa&lt;/text&gt;
  &lt;/variant&gt;
  &lt;variant&gt;
      &lt;value&gt;3&lt;/value&gt;
      &lt;text&gt;40 pa&lt;/text&gt;
  &lt;/variant&gt;
  &lt;variant&gt;
      &lt;value&gt;4&lt;/value&gt;
      &lt;text&gt;50 pa&lt;/text&gt;
  &lt;/variant&gt;
  &lt;/menu&gt;
  </code></pre>
  </blockquote>
  
  <p>My Array</p>
  
  <blockquote>
    <p><code>var arr = ["1", "2", "4"]</code></p>
  </blockquote>
  
  <p>all this to be coded in jquery</p>