「カナダに関する情報」がdiv「情報」から削除される代わりに、「ロシアに関する情報」の上に積み上げられるため、.removeを正しく使用しているとは思いません。
js
if (code == 'ca') {
$('#info').append('<p class="i">info about canada</p>');
} else if (code == 'ru') {
$('#info').remove('.i');
$('#info').append('<p class="i">info about russia</p>');
}
html
<div id="info">
<h3>Info</h3>
</div>