Загрузка html в элемент страницы (расширение chrome)

Я пытаюсь написать расширение Chrome, которое будет иметь панель в верхней части определенных веб-страниц. Если у меня есть сценарий содержимого вроде этого:

$('body').prepend('<div id="topbar"><h1>test</h1></div>');

, все выглядит хорошо, но в конечном итоге мне нужно что-то вроде этого:

$('body').prepend('<div id="topbar"></div>');
$('#topbar').load('topbar.html');

где topbar.html - это:

<h1>test</h1>

Однако когда я меняю его на это, веб-страница затертый. Большая часть контента исчезает, и я просто вижу часть рекламы. Я даже не вижу заголовок "тест". Я проверил, нет ли на странице другого идентификатора «верхней панели». Что не так?