You have duplicated the ID filters several times. That's invalid
HTML. An ID must be applied to no more than one element in a document.
When you try to reference something with that ID, it will use only the
first one.
I like to compare IDs to street addresses. If there are five houses
with address "123 Elm" in your town, which one should the
postman deliver the mail to? Well, you know how postmen are. He will
deliver all the letters to the first one and be done with it!
(Apologies to any postmen!)
You can use a different ID on each one, and then use the unique
IDs in your widget initialization code.
But since you use the same options on each one, then you can
simply use a CSS class instead of an ID.
----
I notice you have incorrect quotation-mark characters in your
demo. This will cause errors in most browsers. HTML and Javascript
uses ASCII single or double-quote to surround attribute values and
Javascript strings. You should not use "fancy" Unicode
left-quote or right-quote characters.
Hint: jsFiddle has kindly highlighted the quotation-mark errors in
BRIGHT red.
If you copy/pasted from your editor, fix your editor settings.
They are not appropriate for editing code.
