combination of two jquery codes in a file not workins as intended
<p>this is my html code</p>

<pre><code>&lt;div class="wrapper"&gt; &lt;strong&gt; Number of images:&lt;/strong&gt;
&lt;div class="formText"&gt;
    &lt;input type="radio" name="rdNumber" value="100" /&gt;100
    &lt;input type="radio" name="rdNumber" value="200" /&gt;200
    &lt;input type="radio" name="rdNumber" value="300" /&gt;300
    &lt;input type="radio" name="rdNumber" value="other" /&gt;other
&lt;/div&gt;
&lt;/div&gt;

&lt;div  class="wrapper"&gt; &lt;strong&gt;&lt;span&gt;*&lt;/span&gt; Image to be displayed:&lt;/strong&gt;
                &lt;div class="formText"&gt;
                &lt;input type="radio" name="rdImage" value="uploadImage" /&gt; Upload your own image
                &lt;input style="margin-left:10px;" type="file" name="user_upload_image" class="uploader" id="file"&gt;
                &lt;br /&gt;
                &lt;input type="radio" name="rdImage" value="preExisting"/&gt; Choose from images below
                &lt;div class="100 imgDisp"&gt;
                    &lt;div class="heading"&gt;
                        10x10 = 100
                    &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class="200 imgDisp"&gt;
                    &lt;div class="heading"&gt;
                        10x20 = 200
                    &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class="200 imgDisp"&gt;
                    &lt;div class="heading"&gt;
                        20x10 = 200
                    &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class="300 imgDisp"&gt;
                    &lt;div class="heading"&gt;
                        10x30 = 300
                    &lt;/div&gt;
                    &lt;/div&gt;

                    &lt;div class="300 imgDisp"&gt;
                    &lt;div class="heading"&gt;
                        30x10 = 300
                    &lt;/div&gt;
                    &lt;/div&gt;
</code></pre>

<p>this is jquery code</p>

<pre><code>$(document).ready(function() {
$("div.imgDisp").hide();
$('.' + $(":radio:checked").val()).show();
    $('input[name="rdNumber"]:radio').click(function() {
     $("div.imgDisp").fadeOut('slow');
    $('.' + $(this).val()).fadeIn('slow');
});
});

var rdImage = $('input:radio[name="rdImage"]');
var rdNumbers= $('input:radio[name="rdNumber"]');
rdNumbers.change(function(e){
var $target = $(e.target);
if($target.is(':checked')){
    if($target.is('[value="other"]')){
        rdImage.not('[value="uploadImage"]').prop('disabled', true);
        rdNumberPages.filter('[value="uploadImage"]').prop('checked', true);
    } else {
        rdNumberPages.not('[value="uploadImage"]').prop('disabled', false);
    }
}
});
</code></pre>

<p>the purpose of jquery code is 
1. to display "10x10 = 100", "10x20 = 200", "20x10 = 200" etc.. (whatever is appropriate) on selection of "100", "200", "300" (i.e. rdNumber radio) matching the values.. till now it is working fine</p>

<ol>
<li><p>now I tried to add the functionality of disabling and re-enabling "Choose from images below" radio on selection of "other" radio. I got success in disabling.. i.e. when I select "other" radio it is disabling "Choose from images below" radio but on selecting 300, 200 or 100 it is not enabling it again.. Help needed in this case..</p></li>
<li><p>Also how can it be done that when user select "other" it disables "Choose from images below" and when user select 100,  200, 300 radio it enables "Choose from images below", but it shall auto-select "Choose from images below" radio button and that shall display the hidden div as per 1 above. i.e. if user select 100 it shall automatically select "Choose from images below" and shall display the applicable div i.e. "10x10 = 100" this I m not able to accomplish.. however there shall be no restriction on manual user selection of "Upload your own image" radio or "Choose from images below"</p></li>
</ol>

<p>here is the fiddle
<a href="http://jsfiddle.net/xeMjC/1/" rel="nofollow">http://jsfiddle.net/xeMjC/1/</a></p>
