fix(doc): ensure selector is not conflicting

Fix #505

Author: redox

docs/documentation.md

@@ -734,7 +734,7 @@ This filtering widget lets the user choose between ranges of price. Those ranges
 {% highlight javascript %}
 search.addWidget(
   instantsearch.widgets.priceRanges({
-    container: '#priceranges.widget-container',
+    container: '#price-ranges',
     attributeName: 'price',
     labels: {
       currency: '$',
@@ -772,7 +772,7 @@ instantsearch.widgets.priceRanges(options);
 
 </div>
 
-<div id="priceranges" class="widget-container"></div>
+<div id="price-ranges" class="widget-container"></div>
 
 ### Sort
 

docs/js/doc.js

@@ -95,7 +95,7 @@
   function htmlTabs() {
     $('.widget-container').each(function() {
       var id = $(this).attr('id');
-      var buttons = $('.code-box pre:contains("#' + id + '")').closest('.code-box').find('.btn-group');
+      var buttons = $('.code-box pre:contains("container: \'#' + id + '\'")').closest('.code-box').find('.btn-group');
       buttons.append('<button type="button" class="toggle-doc-button html-btn btn btn-default btn-sm" data-widget-container="' + id + '">View HTML</button>');
       buttons.after('<pre class="html-container highlight" id="html-' + id + '" style="display: none"></pre>');
     });