Button: properly escape button names. Fixes #7505 - Button: Buttonset not applied to radio group with quotation/apostrophe in name.

Author: mikesherov

tests/unit/button/button.html

@@ -59,6 +59,13 @@ <h2 id="qunit-userAgent"></h2>
 		<input type="radio" id="radio23" name="radio" checked="checked"><label for="radio23">Choice 3</label>
 	</div>
 </form>
+<form>
+    <div id="radio3">
+        <input type="radio" id="radio31" name="data['Page']['parse']" /><label for="radio31">Choice 1</label>
+        <input type="radio" id="radio32" name="data['Page']['parse']" checked="checked" /><label for="radio32">Choice 2</label>
+        <input type="radio" id="radio33" name="data['Page']['parse']" /><label for="radio33">Choice 3</label>
+    </div>
+</form>​
 
 <input type="checkbox" id="check"><label for="check">Toggle</label>
 

tests/unit/button/button_events.js

@@ -1,8 +1,16 @@
 /*
  * button_events.js
  */
-(function() {
+(function($) {
 
 module("button: events");
 
+test("buttonset works with single-quote named elements (#7505)", function() {
+	expect( 1 );
+	$("#radio3").buttonset();
+	$("#radio33").click( function(){
+		ok( true, "button clicks work with single-quote named elements" );
+	}).click();
+});
+
 })(jQuery);

ui/jquery.ui.button.js

@@ -29,6 +29,7 @@ var lastActive, startXPos, startYPos, clickDragged,
 			form = radio.form,
 			radios = $( [] );
 		if ( name ) {
+			name = name.replace( /'/g, "\\'" );
 			if ( form ) {
 				radios = $( form ).find( "[name='" + name + "']" );
 			} else {