HI all, I am trying to use the getJSON method to fetch data from a json file on clicking a link.Now i make a div element empty initially and after fetching the content i use $('#midbox').append($(html));.Now the updated contents are visible for a second then it reverts to the original contents of #midbox.Now i am not able to figure it out why this happens.This is my code snippet: <snip> $('ul>li>ul>li>a').click(function(){
var name=$(this).text(); var filename='js/'+ name + '.json'; $.getJSON(filename,function(data){ $('#midbox').empty(); $.each(data,function(entryIndex,entry){ var html='<table width="430px" cellspacing="3" cellpadding="3" border="0" >'; html+='<tr>'; html+='<td align="left"><p class="heading">'+entry['name']+ '<span class="maximise">'; html+='</span><br></p>'; html+='<div class="entry">'+entry['Introduction']+'</div></td></ tr>'; html+='<tr>'; html+='<td align="left"><p class="heading"> Rule <span class="maximise">'; html+='</span><br></p>'; html+='<div class="entry">'; html+='<ul>'; $.each(entry['rule'],function(lineIndex,line){ html+='<li>'+line+'</li>'; }); html+='</ul></div></td></tr>'; html+='</table>'; $('#midbox').append($(html)); }); }); }); </snip>