title: how to retrieve xml child nodes using jquery
body: <p>I'm having a hard time retrieving the <code>xml</code> when its formatted the way it is below, I can retrieve <code>InventoryResponse</code> just fine but when trying to get the child <code>a:Cost</code>it's not working. I tried to do research but haven't seen any examples that work in my situation.  What is the simplest way to achieve getting the cost?</p>
  
  <pre><code> $.ajax({
        type: 'POST',
        url: 'php/test.php',
        dataType:"xml",
        data: {
          search:'set',
        },
  
        success: function(data){
  
      var xml =  $(data).find('InventoryResponse').html() ;
      var cost=  $(data).find('a:Cost').html() ;
  
      $('.display').html(cost) ; 
        }
      })
  </code></pre>
  
  <p>test.php file returning xml </p>
  
  <pre><code>&lt;InventoryResponse&gt;
    &lt;Inventories&gt;
      &lt;a:Inventory&gt;
         &lt;a:ID&gt;
           12345
         &lt;/a:ID&gt;
         &lt;a:Cost&gt;
           20.00
         &lt;/a:Cost&gt;
       &lt;/a:Inventory&gt;
     &lt;/Inventories&gt;
  &lt;/InventoryResponse&gt;
  </code></pre>