JQuery correctly disabling and enabling one field, but not another
<p>There is a select box with an onchange function that enables and shows / disables and hides a label and textbox next to it. When the select box's value is "1", the label is showing up correctly, but for some reason the textbox, although it is showing up, is not being enabled. What am I doing wrong?</p>

<p>The HTML:</p>

<pre><code>&lt;select name="viewMap" id="viewMap" onchange="toggleRadius()"&gt;
                    &lt;option value="1" selected="true"&gt;Yes&lt;/option&gt;
                    &lt;option value="0" &gt;No&lt;/option&gt;
                &lt;/select&gt;
                &lt;label for="radius" class="radius shown"&gt;Default Radius in Miles:&lt;/label&gt;
                &lt;input name="radius" type="text" size="5" value="300" class="radius shown" /&gt;
</code></pre>

<p>The javascript:</p>

<pre><code>function toggleRadius()
    {
        if ($('#viewMap option:selected').val() == 1)
        {
            $('.radius').removeClass('hidden').addClass('shown').attr('disabled', 'false');
        } 
        else
        {
            $('.radius').removeClass('shown').addClass('hidden').attr('disabled', 'true');
        }
    }
</code></pre>
