Расширение для Chrome как получить значение с div блока?

Доброго времени и суток.
Вопрос от новичка:
Пишу расширение для Хром. Нужно чтобы при нажатий на кнопку расширения получил данные с html страницы и выводил его в alert

Примерный код страницы

<div class="smallfont post-title">
<strong>Получить значение дива по class</strong>
</div>

Это манифест

{
    "manifest_version": 2,
    "name": "superpuper",
    "description": "yop yop",
    "version": "1.0",
    "browser_action": {
        "default_icon": "calc.png",
        "default_title": "yopyop"
    },

	"icons": { "16": "calc.png",
               "48": "calc.png",
               "128": "calc.png" },
  "permissions": [
    "tabs",
    "activeTab" 
   ],

  "background": {
    "scripts": ["background.js"]
  }
}

background.js

function onExtensionClick() {
var a = document.getElementsByClassName('post-title')[0].innerHTML;
alert("a");

При нажатий на кнопку не работает