javascript to jquery conversion for a code that is working fine for dynamic appearance and disappearance of a text field with radio buttons
<p>guys I tried a lot for this code but nothing come up for conversion from javascript to jquery..</p>

<p>This code is irrelevant cuz u find this in working fiddle.. I added this chunk of code cuz stackoverflow dont allow me to post without a code..</p>

<pre><code>&lt;div class="rButtons"&gt;
&lt;input type="radio" name="numbers" value="10" onclick="uncheck();" /&gt;10
&lt;input type="radio" name="numbers" value="20"  onclick="uncheck();" /&gt;20
&lt;input type="radio" name="numbers" value="other" onclick="check(this);"/&gt;other
&lt;input type="text" id="other_field" name="other_field" onblur="checktext(this);"/&gt;
&lt;/div&gt;
</code></pre>

<p>Check this fiddle</p>

<p><a href="http://jsfiddle.net/gDxqj/" rel="nofollow">http://jsfiddle.net/gDxqj/</a></p>

<p>It is working well. on clicking "other" radio button the text field comes up and on clicking any other radio button it disappears.. This is the function of this script and it is working well..</p>

<p>Now when i tried changing it to jquery code it died.. I can show what code i made in jquery but to no help.. </p>

<p>Fiddle for the same will help a lot..</p>

<p>Thanks in advance..</p>

<p>This is what i did</p>

<pre><code>&lt;script&gt;
var $radios = $('input:radio[name=numbers]');
    if ($radios.is(':checked') === true) {
       $("#other_field").show();
    }     
    else
    {
       $("#other_field").hide();
    }   
&lt;/script&gt;
</code></pre>

<p>I put it put that in a function and invoke it in "onchange" of radiobutton but not worked</p>
