jQuery: Radio button value are not clearing
<p>I have a code here .</p>

<pre><code>&lt;div class="proptions_container"&gt;

&lt;button class="showbutton classname" &gt;Call&lt;/button&gt;
&lt;div id="rd" style="display:none;"&gt;
&lt;form id="blankform"&gt;   
&lt;input class="check_val" type="radio" name="check_val" onClick="setShemp(this.value)" value="callondesktop"&gt;Call On Desktop&lt;br&gt;
&lt;/form&gt;
&lt;form id="valueform"&gt;
&lt;input class="check_val" type="radio" name="check_val" onClick="setShemp(this.value)" value="callonphone"&gt;Call On Phone
&lt;/form&gt;
&lt;/div&gt;
&lt;div id="custom_proptions" style="display:none;"&gt;
&lt;form style="border: 1px solid; display: block; float: left; padding: 13px 13px 12px 14px;"&gt;    
&lt;input name="proption_1" type="text" class="text" id="proption_1" placeholder="First Proption" /&gt;
&lt;br&gt;
&lt;input name="proption_2" type="text" class="text" id="proption_2" placeholder="Second Proption" /&gt;
&lt;br&gt;
&lt;input type="submit" class="classname" value="Call" /&gt;
&lt;button id ="cancel"  class="classname"&gt;Cancel&lt;/button&gt;
&lt;/form&gt;
&lt;/div&gt;

&lt;script&gt;
    function setShemp(value)
    {
        if(value == 'callondesktop')
            {
                       $("#blankform").submit();
            }

        if(value == 'callonphone'){
            $('div#rd').slideUp('slow');
            $('.showbutton').hide();
            $('#custom_proptions').slideDown('slow');

        }

    }

    $('#cancel').click(function(e) {
        $('.check_val').val('');  
        e.preventDefault();



        $('#custom_proptions').slideUp('slow');
         e.preventDefault();
        //$('div#rd').slideDown('slow');
        $('.showbutton').show();
    });



    $('.showbutton').click(function() {
        $('div#rd').slideDown('slow');
    });

 $('#proptions').click(function() {
        if ($(this).find(':selected').val() === '5') {
            $('div#custom_proptions').slideDown('slow');
        } else {
            $('div#custom_proptions').slideUp('slow');
        }
    });
&lt;/script&gt;
</code></pre>

<p>There is two radio button is appearing while clicking on call button (None of them are checked ).</p>

<p>After selecting the the <code>Call on Phone</code>  radio i am displaying a html form which contains two button <code>Call</code> and <code>Cancel</code>  .</p>

<p>On clicking over <code>Cancel</code>  i am just displaying the main <code>call</code>  button .</p>

<p>Now here is the problem . While clikcing to Main <code>Call</code> button the previous selected value of the radio is appearing which i don't want .</p>

<p>I want none of the radio value should be selected while clicking on call button.</p>

<p>Kindly do let me know why radio button value is diplaying as a selected value for the second time .What might i am doing wrong here ?</p>
