jQuery Syntax error, unrecognized expression: [name=Basics.Gender]

Question

I am upgrading from jQuery 1.4.4 to jQuery 1.7.2 and I get a syntax error. I think its due to the '.' in the Basics.Gender part of the selector.

$('[name=Basics.Gender]')

Anyone have any suggestions on how to fix this?

http://jsfiddle.net/2nBc9/

EDIT

Anyone know why the '.' breaks the selector syntax now? Are they using regex's or something in Sizzle? Or has it always been best practice to put the attribute in quotes?

Semicentennial

escape the . with `\\` jsfiddle.net/2nBc9/1 – Chlorobenzene

Answer 1

Quote the value:

$('div[name="Basics.Gender"]')

http://jsfiddle.net/7Pqhc/

Kacikacie

Answer 2

Put the attribute in quotes

$('[name="Basics.Gender"]')

Malvaceous

Answer 3

[name='Basics.Gender']

Have you tried with quotes?

Mammy

Answer 4

Put the attribute in quotes. The following prints "TEST" in the console:

jQuery:

$(document).ready(function() {
    console.log($("[name='Basics.Gender']").text());
});

HTML:

<div name="Basics.Gender">TEST</div>

Vav