javascript autorefresh error
<p>I am using this code to refresh three of my anchored link. I am binding those code with id="vbar"</p>

<p>my javascript code is </p>

<pre><code>setInterval(function() {
$("#vbar").load(location.href+" #vbar&gt;*","");
}, 18000);
</code></pre>

<p>my html</p>

<pre><code>&lt;div id="vbar"&gt;
  &lt;ul id="sddm1"&gt;
     &lt;li&gt;
        &lt;a href="#" onclick="jQuery.facebox({ ajax: /jquery/friends' });return false;"&gt;
    &lt;img src="friends.png" title="My Friends" class="tipTip"  /&gt;&lt;/a&gt;
     &lt;/li&gt;
     &lt;li&gt;
       &lt;a href="/message"&gt;&lt;img src="messages.png" title="Inbox"class="tipTip"  /&gt;&lt;/a&gt;
     &lt;/li&gt;
     &amp;nbsp;
     &lt;li&gt;
        &lt;a href="#" onclick="jQuery.facebox({ ajax: '/jquery/notifications' });return false;" &gt;
        &lt;img src="notify.png" title="Notification" class="tipTip" /&gt;&lt;/a&gt; 
     &lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>these functions works perfectly fine but all other pages also gets refreshed . however my rules say clarly to refresh only only the div with id "vbar"</p>

<p>really confused where i am doing  mistake.</p>
