Documentation: priceRanges example has two "View HTML" buttons

[pixelastic]

The priceRanges example has two "View HTML" buttons

[pixelastic]

Ok, I found where it come from. The javascript code checks for all pre that contains #widgetName, and it got confused by the price and priceRange widget.

var buttons = $('.code-box pre:contains("#' + id + '")').closest('.code-box').find('.btn-group');

I tried fixing it by wrapping each widget in its own container, in a way to scope the selectors, but it messed the display.
I instead tried to "fix" the selector to search for '#widget-name' (including quotes), but then it got confused by the weird #priceranges.widget-container selector of the example.
I then tried to rename the selector to #priceranges to stay consistent and I realized that I got conflicts with other elements (headings) having the same id in the page...

In the end I gave up, I'll tackle other issues first, but this one needs quite a code cleanup.

[redox]

I'll give you a hand @pixelastic, I'm the guilty author of that code :p