Displaying feed images via jQuery

I am trying to pull in some properties via jQuery from a feed, for instance,

http://feeds.nationalgeographic.com/ng/News/News_Main

I am currently using the following code:

    function OnLoad() {
  var mcFeed = new google.feeds.Feed("http://news.nationalgeographic.com/index.rss");
  mcFeed.setNumEntries(5);
  mcFeed.load(function(result) {
    if (!result.error) {
      var container = document.getElementById("feed");

      for (var i = 0; i < result.feed.entries.length; i++) {
        var entry = result.feed.entries[i];
        var attributes = ["title", "link"];
        for (var j = 0; j < attributes.length; j++) 
            {
       开发者_StackOverflow         var div = document.createElement("div");
                div.appendChild(document.createTextNode(entry[attributes[j]]));
                container.appendChild(div);
            }

        }

      }
    });
  }

 google.setOnLoadCallback(OnLoad);

This displays the two properties in plain text; however, I want to display the associated image. It has the <media:content> tag. I'm new to working with feeds and I'm confused as how to access these nested tags.

Thanks for any suggestions!

---

Have you tried using child or descendant selectors? In JQuery you can usually do stuff like $( "div media:content" ).whatever() or $( "div > media:content" ).whatever(), where the preceding word is the parent tag. Conversely, you could insert classes or ids into these child tags if there is a way to do it, and then target those.