Why did this jQuery input selector require a filter workaround
<p>The following line This does NOT work in my code in firefox/firebug (but works fine in JSFIDDLE), you will see below I have a work around, just wondering if anyone knows the internal reason  why?</p>

<pre><code>var checkedVal = parseInt($('input[@name=' + uniqueNamePart + 'currDim]:checked').val(), 10);
</code></pre>

<p><a href="http://jsfiddle.net/darrenshrwd/eqh2y/43/" rel="nofollow">http://jsfiddle.net/darrenshrwd/eqh2y/43/</a></p>

<pre><code>&lt;input type="radio" value="1" name="blahcurrDim"&gt;One
&lt;input type="radio" checked="" value="2" name="blahcurrDim"&gt;Two
&lt;input type="radio" value="3" name="blahcurrDim"&gt;Three
&lt;input type="radio" value="4" name="blahcurrDim"&gt;Four
</code></pre>

<p>​...</p>

<pre><code>$('document').ready(

function() {

    var uniqueNamePart = "blah";

    var dimensionClick = function() {

        // This does NOT work in my code in firefox/firebug (but works fine in JSFIDDLE):
        var checkedVal = parseInt($('input[@name=' + uniqueNamePart + 'currDim]:checked').val(), 10);

        // This does work in both:
        //var myRadio = $('input[name=' + uniqueNamePart  + 'currDim]'),
        //    checkedVal = parseInt(myRadio.filter(':checked').val(), 10);        

        alert(checkedVal);

    };

    $('input[name=' + uniqueNamePart + 'currDim]:radio').click(dimensionClick);

});
</code></pre>
