title: Simple XML parsing with Google Picasa API and JQuery
body: <p>I'm starting to look into Google's Picasa API for photo data, which provides you with a big XML file with info about albums and photos. </p>
  
  <p>I'm doing some quick and dirty tests to parse the XML file (which is saved locally to my hard drive for now) with JQuery and pull out the album id's, which are stored as "gphoto:id" tags, and display them in a div:</p>
  
  <pre><code>$(document).ready(function() {
  $.get(
      'albums.xml',
      function(data) 
      {
          $(data).find('entry').each(function() 
          {
              var albumId = $(this).children('gphoto:id').text();
              $('#photos').append(albumId + '&lt;br /&gt;');
          })
      })
  })
  </code></pre>
  
  <p>I'm getting the following error in the console: </p>
  
  <p><strong>jquery.js:3321 - Uncaught Syntax error, unrecognized expression: Syntax error, unrecognized expression: id</strong></p>
  
  <p>This will work with other tags in the XML file (such as title, author, updated, etc.), but I'm trying to understand what's going on here. Does it have to do with the colon in "gphoto:id", somehow?</p>
  
  <p>You can see what an XML file from a Picasa album looks like here: <a href="http://code.google.com/apis/picasaweb/docs/2.0/developers_guide_protocol.html#ListAlbumPhotos" rel="nofollow">http://code.google.com/apis/picasaweb/docs/2.0/developers_guide_protocol.html#ListAlbumPhotos</a></p>