LINEのような吹き出しをjsで追加したい

Question

LINEのような吹き出しをアプリの文字列に付加して表示させたいのですが、grunble.jsはgithubからクローンできないし、ballon.jsは

document.getElementById("post_com").innerHTML = response;
```のあとに
```lang-javascript
$("post_com").balloon({
tipSize: 24,
css: {
border: 'solid 2px #e8b700',
padding: '15px',
fontSize: '120%',
fontWeight: 'normal',
fontFamily: 'ＭＳ 明朝,serif', 
lineHeight: '1',
backgroundColor: '#666',
color: '#fff'
}
});

```としても、吹き出しが表示されず、ballon.jsを記述する前と同じように表示されてしまいます。どのように書くべきでしょうか。

なお、ballon.jsはjs内の先頭で次のように読み込んでいます。
```lang-javascript
document.write("<script type=\"text/javascript\" src=\"./ajax/ballon.js\"></script>");

Answer 1

3点あります。

(1)クラス名のドットが抜けてます。
× $("post_com").balloon({
○ $(".post_com").balloon({〜

(2)ファイル名が間違ってます。
× document.write("<script type="text/javascript" src="./ajax/ballon.js"></script>");
○ document.write("<script type="text/javascript" src="./ajax/balloon.js"></script>");

(3)これ↓いりません！スクリプトエラー吐いてます。
document.getElementById("post_com").innerHTML = response;