title: jQuery ajax - update div
body: <p>I'm trying to make update div block after jQuery ajax succesfull request, this is works but all blocks dublicates (picture1), in picture 2 is shown how it looks after refreshing page with browser. </p>
  
  <p>To update block I'm using function:  </p>
  
  <pre><code>function async_get(addr,func) {
      $.ajax({
         url: addr,
         async: false,
         success: func
      });
  }
  </code></pre>
  
  <p>and it's called like this: </p>
  
  <pre><code>async_get(
    'http://localhost/getfreelance/welcome', 
    function (data) {
       $('#header').html(data);
    }
  );
  </code></pre>
  
  <p>Any solutions? :)</p>
  
  <p>Picture 1: <a href="http://postimage.org/image/uxghnpgfb/" rel="nofollow">http://postimage.org/image/uxghnpgfb/</a></p>
  
  <p>Picture 2: <a href="http://postimage.org/image/wj0v02md7/" rel="nofollow">http://postimage.org/image/wj0v02md7/</a></p>
  
  <hr>
  
  <p>You didn't understand, i need to update/refresh div block when ajax request is success, instead of your function fffsuccess() i'm using: <code>'function async_get(addr,func) { $.ajax({ url: addr, async: false, success: func }); }'</code> and my #header div updates but it dublicates data.</p>