diff --git a/tests/unit/button/button_tickets.js b/tests/unit/button/button_tickets.js index 9a7ccae43..83148db90 100644 --- a/tests/unit/button/button_tickets.js +++ b/tests/unit/button/button_tickets.js @@ -50,4 +50,10 @@ test( "#7092 - button creation that requires a matching label does not find labe ok( group.find( "label" ).is( ".ui-button" ) ); }); +test( "#7534 - Button label selector works for ids with \":\"", function() { + var group = $( "" ); + group.find( "input" ).button(); + ok( group.find( "label" ).is( ".ui-button" ), "Found an id with a :" ); +}); + })( jQuery ); diff --git a/ui/jquery.ui.button.js b/ui/jquery.ui.button.js index 2fac87cea..f7c7486e6 100644 --- a/ui/jquery.ui.button.js +++ b/ui/jquery.ui.button.js @@ -227,7 +227,7 @@ $.widget( "ui.button", { // we don't search against the document in case the element // is disconnected from the DOM var ancestor = this.element.parents().filter(":last"), - labelSelector = "label[for=" + this.element.attr("id") + "]"; + labelSelector = "label[for='" + this.element.attr("id") + "']"; this.buttonElement = ancestor.find( labelSelector ); if ( !this.buttonElement.length ) { ancestor = ancestor.length ? ancestor.siblings() : this.element.siblings();