[jQuery] append to a imagemap

[mike]

I have an odd issue appending a new area to a <map> The bold text gets
appended but the <area> does not.

<script type='text/javascript' src='/javascript/jquery.js'></script>
<script type="text/javascript">
$(document).ready(function() {
        $("body").find("map").append('<area title="test3" alt="34rewq"
coords="10,10,20,20" shape="rect" />');
        $("body").find("map").append('<b>testing</b>');
});
</script>


<map>
        <area title="test1" alt="p4xtmgaod78g2gt" coords="113,64,54,54"
shape="rect"/>
        <area title="test2" alt="gk2r5qoq2jr0ohv" coords="298,58,54,54"
shape="rect"/>
</map>