Jquery operation on DOM element with '.' in ID has no effect
<p>e.g. "Live" version here: <a href="http://jsfiddle.net/Ltmbd/5/" rel="nofollow">http://jsfiddle.net/Ltmbd/5/</a></p>

<pre>
&lt;html>
     &lt;body>
         &lt;select id="some.list" >
            &lt;option value="1" >AAA&lt;/option>
            &lt;option value="2" >BBB&lt;/option>
        &lt;/select>
    &lt;/body>
&lt;/html>
</pre>

<p>and corresponding javascript/jquery:</p>

<pre>
$(function()
{
    $("select").each(function()
    {
        $(this).val("2");
    });
});
</pre>

<p>This should select "BBB" in the select list (and if you remove the '.' from the ID "some.list", it works as expected).  Note that the <a href="http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_select_an_element_by_an_ID_that_has_characters_used_in_CSS_notation.3F" rel="nofollow">jquery FAQ</a> mentions a related but slightly different problem.</p>

<p>The obvious answer is "don't put a . in your IDs" - however I'm using scaffolded (generated) grails views, so it would be a lot of work to go against this convention.</p>

<p>Using Jquery 1.4.4</p>
