title: reloading a parent div without affecting the children divs
body: <p>I have a chat like system in which the div containing the logged in friends is reloaded.
  But the problem is, that when I reload this div. The divs inside this are reloaded and the chatboxes disappear. I have some code like this</p>
  
  <pre><code>&lt;script&gt;
  setInterval(function() {
  $('div#div1').load('./1.php #div1');
  }, 5000);
  &lt;/script&gt;
  &lt;div id="loggedinfriends"&gt;
  Some friends 
  &lt;div id="friendchatbox" style="position:fixed;right:2px;bottom:o;height:400px;"&gt;
  and the content goes here
  &lt;/div&gt;
  </code></pre>
  
  <p>i cannot separate the friendchatbox from the div1 because they are in  a single loop. and after clicking  the link from div1 the friendchatbox opens.
  Is there any way to reload the div1 without affecting the friendbox.</p>