jQuery 1.6

Chrome 11

Mac OS X Snow Leopard

JSFiddle: http://jsfiddle.net/ScN4a/

alert(newKeyValueRow.find('input[name*="from"]').length);

alert(newKeyValueRow.find('input[name~="from"]').length);

alert(newKeyValueRow.find('input[name|="bucket_from"]').length);

alert(newKeyValueRow.find('input[name]').eq(1).attr("name"))

These output:

1

0

0

bucket_from[0][]

The html is as follows (taken from the developer tools of chrome):

<tr class="bucketRow"> <td> <input type="text" name="bucket_to[0]" value=""></td> <td class="bucketValueTD"><= <input type="text" name="bucket_from[0][]" value=""> <input type="button" class="bucket_add_row" value="add value"> </td> </tr>

JSFiddle: http://jsfiddle.net/ScN4a/

(note: I put the alerts into a click of the button.)

As far as I understand, the first two alerts ABSOLUTELY should show the same thing.

The third one should as well, but it is a little less obvious, although still fairly obvious.