Change image on click with HTML area
<p>I have an image with multiple image maps. If one link/area is clicked I want the image to change into another image. So for example if <code>ID="02"</code> is clicked I wamt the image source to change to <code>02.png</code> and so on...</p>

<p>The markup I have for the <code>area</code> shapes are:</p>

<pre><code>&lt;img src="01.jpg" usemap="#Map" alt=""&gt;


    &lt;map name="Map"&gt;
        &lt;area shape="rect"  id="02" coords="7,6,191,375" href="#" alt=""&gt;
    &lt;/map&gt;
</code></pre>

<p>How can I use jquery/javascript to achieve this?</p>