title: refresh DOM after jquery AJAX
body: <p>So I have 1 map:</p>
  
  <pre><code> &lt;map name="diffmap1" id="diffmap1"&gt;
   &lt;area  shape="poly" coords="76,269,50,243,51,221,82,255" class="diff diff1" onFocus="blur();" &gt;
   &lt;area shape="poly" coords="152,347,253,292,264,307,167,358" class="diff diff2" onFocus="blur();" &gt;
   &lt;area shape="poly" coords="93,244,164,215,171,233,97,264" class="diff diff3" onFocus="blur();" &gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>And jquery:</p>
  
  <pre><code>$('.diff').mousedown(
  function(e){
  e.preventDefault();
  );
  </code></pre>
  
  <p>And $.post response:</p>
  
  <pre><code>$('map').attr('name', 'diffmap'+response.next).attr('id', 'diffmap'+response.next);
  $('#diffmap'+response.next+' .diff3').attr('coords', response.nextcoord[0]);
  $('#diffmap'+response.next+' .diff1').attr('coords', response.nextcoord[1]);
  $('#diffmap'+response.next+' .diff2').attr('coords', response.nextcoord[2]);
  </code></pre>
  
  <p>So after each level tha ajax changes the map name, class and the coordonates.
  The problem is that I can't click on the coordonates on level 2, because the doom is not refreshed after I updated the coordonates numbers.</p>