Question

I’m working with on developing one of the social networking site and its having some notification features in left panel.
Whenever any user have played a game it will automatically change the number of notification count.

For that i have using below code line.

jQuery('#count_id').load('mypage.php');

But it will retrieve me whole site content with header,footer and content area in the response text, which is wrong as per my requirements.

but if i used below code of line

jQuery('#count_id').load('mypage.php #count_id');

then it will retrieve me a real count but add another div in between the original,

Original html:

<div id="count_id" class="notify">2</div>

and Code after retrieving response:

<div id="count_id" class="notify">
 <div id="count_id" class="notify">1</div>
</div>

which is also not as expected. count are right but i don’t want to add new div inside a original one.

What should i need to change in my code?

Thanks.

Answer 1

jQuery('#count_id').load('mypage.php #count_id > *');

That would bring only the DOM childs (the content)