Como encontrar / extrair dados de xml com jQuery

Estou tentando extrair os valores StateLongName e StateShortName do xml abaixo.

Eu sei que tem que haver uma maneira simples e elegante de fazer isso com o jQuery.

<NewDataSet>
  <Table>
    <StateLongName>Alabama</StateLongName>
    <StateShortName>AL</StateShortName>
  </Table>
  <Table>
    <StateLongName>Alaska</StateLongName>
    <StateShortName>AK</StateShortName>
  </Table>

...elments removed for brevity

</NewDataSet>

Aqui está o que eu tentei.

Carregue o xml acima em um nome de variável Javascript xml.

Tente # 1

$(xml).find("TABLE").each(function()
{
  var stateName = $(this).find("StateLongName").innerText;
  var stateCode = $(this).find("StateShortName").innerText;
});

A tentativa nº 1 não encontra nada e nunca entra para carregar as variáveis stateName e stateCode.

Tente # 2

$(xml).find("StateLongName").each(function()
{
  var stateName = $(this).find("StateLongName").innerText;
  var stateCode = $(this).find("StateShortName").innerText;
});

A tentativa nº 2 encontra correspondências, no entanto, stateName e stateCode são deixados indefinidos.

Tente # 3

$(xml).find("StateLongName").each(function()
{
  var stateName = $($(xml).find('StateLongName').parent()[0].innerHTML)[1].data;
  var stateCode = $($(xml).find('StateLongName').parent()[0].innerHTML)[5].data;
});

Tente # 3 funciona, mas tem que haver uma maneira melhor. Por favor me esclareça.

Obrigado pelo seu tempo!