[jQuery] append to a imagemap

[jQuery] append to a imagemap


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>