Testcase for jQuery Ticket 7596

attribute selector with brackets

by jitter

HTML

<form action=".do" id="foo" method="POST">
    <p>Primary Key: <input type="text" name="entityOV.arrayOVs[0].cProperty" value=""> </p>
    <p>Description: <input type="text" name="entityOV.arrayOVs.dProperty" value=""> </p>
    <p>JQuery Bug: <input type="text" name="entityOV.arrayOVs[0].dProperty" value="Fails because attribute name is 'entityOV.arrayOVs[0].dProperty'."></p>
    <p>You should see JQuery Bug: = Third Step. input name with brackets</p>
</form>

CSS

input { width: 600px }

JavaScript

document.forms['foo']['entityOV.arrayOVs[0].cProperty'].value = 'First Step. Load OK! Traditional';
$("input[name='entityOV.arrayOVs.dProperty']").val('Second Step. input name without brackets');
$("input[name='entityOV.arrayOVs[0].dProperty']").val('Third Step. input name with brackets');