Byta innehåll utan att refresha

Hej.
sitter och klurar på hur jag ska byta innehåll på en div när en karta klickas på utan att refresha sidan.

säg att det ser ut så här:

<ul class="nav">
<li><a href="index">Välkommen</a></li>
<li><a href="contact">kontakta oss</a></li>
<li><a href="about">Om oss</a></li>
</ul>
<div id="content"></div>

Och så här för att byta ut innehållet:

$(document).ready(function() {
	$('#content').load('content/index.php');
	
	$('ul#nav li a').click(function(){
		var page = $(this).attr('href');
		$('#content').load('content/'+page+'x.php');
		return false;
	});
});

Om det nu ser ut så här i html koden för min karta, vad vill jag byta ut i scriptet "ul#nav li a" mot?

<map name="m_interactive_karta_r1_c3" id="m_interactive_karta_r1_c3">
<area shape="poly" coords="25,79,66,37,101,13,130,3,150,1,220,0,231,7,239,14,242,30,246,47,252,
69,265,95,281,128,296,161,242,177,215,180,164,196,110,181,76,169,49,154,26,141,19,104,25,79" 
href="vasastan" title="Vasastan" alt="Vasastan">