Button: Buttonset not applied to radio group with quotation/apostrophe in name

[meotimdihia]

BUTTON SET is bug with this code:

<form>
	<div id="radio">
		<input type="radio" id="radio1" name="data['Page']['parse']" /><label for="radio1">Choice 1</label>
		<input type="radio" id="radio2" name="data['Page']['parse']" checked="checked" /><label for="radio2">Choice 2</label>
		<input type="radio" id="radio3" name="data['Page']['parse']" /><label for="radio3">Choice 3</label>
	</div>
</form>

</div><!-- End demo -->
<script>
	$(function() {
		$( "#radio" ).buttonset();
	});
</script>

[epascarello]

Problem here is it grabs the name

var name = radio.name,

and than builds a selector:

radios = $( form ).find( "[name='" + name + "']" );

Looks like : ' [ ] would need to be escaped

[epascarello]

Made a change: ​https://github.com/epascarello/jquery-ui/commit/1315b815c9570b72071e99f5e663e46fcd5bda5f

Made a pull request: ​https://github.com/jquery/jquery-ui/pull/401

[bchiasson]

The issue arises when the string delimiter "'" is placed into the name attribute. The link below is the tickets code.

​http://jsfiddle.net/bchiasson/Gn6Kz/2/

[Mike Sherov]

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

Changeset: cc7df712cc4ca90f6d6db599c5ff91b690921581