Jquery - selector not selecting Id's when having periods in IE, even when perios id escaped with \\

[Jkb]

In IE, The selector for multiple inputs is not working whereas in firefox it is. Below is the html.

<td><input id="contactInfo.shippingAddress.city" name="contactInfo.shippingAddress.city" onchange="needToConfirm = true;" type="text" value="city" maxlength="100"/></td>

If selector is written as $("*[id^{='contactInfo
.shippingAddress']").val("");}

It doesn't work

But if written as $("*[id^{='contactInfo.shippingAddress']").val(""); - it works..}

But jquery documentation says, periods must be escaped with

Reference ->  http://forum.jquery.com/topic/jquery-selector-not-selecting-multiple-checkboxes-ie

[Jkb]

selector not working when id containing period is escaped

[addyosmani]

In the above test case, it's not necessary to escape the ID in order to create a selector that can select all of the relevant elements desired. Although a period is present, this can be easily handled using a more advanced selector such as this:  http://jsfiddle.net/65DKY/1/

As you can see, this handles multiple elements without any problem.

Just to confirm as well: Using the correct selector (as provided above) you *can* still escape the periods if needed without any loss in functionality.

 http://jsfiddle.net/65DKY/2/

Closing as this should be resolved now.