Pulire il campo text al cambio del radio button selezionato

[azocomposto]

Ciao,
ho l'esigenza sia di nascondere che di pulire i campi testo quando si seleziona un determinato valore del radiobutton (es: NO). A seguire lo script per nascondere i campi testo:

Codice HTML:

<span>Do you have Passport?</span><label for="chkYes">    <input type="radio" id="chkYes" name="chkPassPort" />    Yes</label><label for="chkNo">    <input type="radio" id="chkNo" name="chkPassPort" />    No</label><hr /><div id="dvPassport" style="display: none">
    <div >        Passport Number:        <input type="text" id="txtPassportNumber" />    </div>    <br>    <div  >        Certification Number:        <input type="text" id="txtPassportCertification" />    </div>    <br>    <div >        Full Name:        <input type="text" id="txtPassportFullname" />    </div>
</div>

Codice Javascript:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("input[name='chkPassPort']").click(function () {
            if ($("#chkYes").is(":checked")) {
                $("#dvPassport").show();
            } else {
                $("#dvPassport").hide();
            }
        });
    });
</script>

A partire dallo script sopra riportato, vorrei implementare un controllo che ripulisca i campi testo, drop downlist ecc quando si seleziona il radiobutton NO.

Ad esempio, lo script seguente dovrebbe ripulire i field, ma non so come implementarlo a quello sopra.

$(function() {    $('input[type="radio"]').click(function() {

        if($(this).attr('id') == 'others') {
            $('#others-text').show();
        } else {
            $('#others-text').hide();
            $('#others-text').val('');
        }
    });
});

Potreste darmi una mano?


Grazie