how to have tab-specific xul control with firefox

Question

let me put it simple. With Firefox 29, I add a check box control next to the back & forward button in the toolbar "nav-bar".

It works. I mean I can do check and uncheck, and the javascript code will be triggered.

Now, my problem: after I checked the checkbox in one tab, I found that the checkbox in all other tabs are also checked, and if I uncheck any of them, the checkbox in all other tabs will be unchecked.

Why they change as one? I would like them to be unrelated or separated. In another word, I want the control (checkbox or button or label etc) to be tab-specific.

All suggestions are appreciated.