diff --git a/src/ui/public/vislib/lib/dispatch.js b/src/ui/public/vislib/lib/dispatch.js
index 489d3af07f0de..9aa02b594e6bb 100644
--- a/src/ui/public/vislib/lib/dispatch.js
+++ b/src/ui/public/vislib/lib/dispatch.js
@@ -230,7 +230,7 @@ define(function (require) {
     Dispatch.prototype.highlightLegend = function (element) {
       var label = this.getAttribute('data-label');
       if (!label) return;
-      $('[data-label]', element.parentNode).not('[data-label="' + label + '"]').css('opacity', 0.5);
+      $('[data-label]', element.parentNode).not(function (els, el) { return $(el).data('label') !== label; }).css('opacity', 0.5);
     };
 
     /**
diff --git a/src/ui/public/visualize/visualize_legend.js b/src/ui/public/visualize/visualize_legend.js
index a3c60e9c5f86f..619ff57987f8a 100644
--- a/src/ui/public/visualize/visualize_legend.js
+++ b/src/ui/public/visualize/visualize_legend.js
@@ -27,7 +27,7 @@ define(function (require) {
         });
 
         $scope.highlightSeries = function (label) {
-          $('[data-label]', $elem.siblings()).not('[data-label="' + label + '"]').css('opacity', 0.5);
+          $('[data-label]', $elem.siblings()).not(function (els, el) { return $(el).data('label') !== label;}).css('opacity', 0.5);
         };
 
         $scope.unhighlightSeries = function () {