What is the selector to extract first image within infobox of a Wikipedia page using Wikipedia API
<p>I wish to extract the the first image within infobox - the table with the class name infobox that is on most Wikipedia pages, using Wikipedia/Mediawiki API</p>

<p>Here's what I've tried so far -</p>

<pre><code>$.getJSON("http://en.wikipedia.org/w/api.php?action=mobileview&amp;format=json&amp;page=mumbai&amp;redirect=no&amp;sections=0&amp;prop=text&amp;sectionprop=toclevel%7Clevel%7Cline%7Cnumber%7Cindex%7Cfromtitle%7Canchor&amp;callback=?", function(json) { 
var wikitext = json.mobileview.sections[0].text;
var img = $(wikitext).find('img:first').attr("src");

/*
//how can i make this work?

//selector for element with multiple classes - http://stackoverflow.com/questions/1041344/jquery-multiple-class-selector
  var infoboximg = $(wikitext).find('table.infobox.geography.vcard img:first').attr("src");
console.log(infoboximg);  
*/

$('#pic').append('&lt;img src="http://' + img + '" /&gt;');

}
);          
</code></pre>

<p>You can try the snippet here - <a href="http://jsbin.com/erudum/5/" rel="nofollow">http://jsbin.com/erudum/5/</a></p>

<p>How can I fix the code to grab the first image within the table having the name infobox?</p>
