Can you clear a text form with jquery if another form is selected?

Question

My jquery code below switches a state dropdownlist out with a state input text box depending on the country that is selected.

It also disables one another depending on which one you select, however I would like to make it not disable the other form field but instead have it clear the contents of "othstate" input box if "usstate" is selected

Is this even possible?

<script>

function locationlist() {
    $('#othstate').hide().attr("disabled", "disabled");
    $('#country').change(function () {
     var val = $(this).val();
     if (val == 224) {
      $('#usstate').val('').show().removeAttr("disabled");
      $('#othstate').hide().attr("disabled", "disabled");
     } else {
      $('#usstate').val('').hide().attr("disabled", "disabled");
      $('#othstate').show().removeAttr("disabled");
     }
    });
}

</script>

Answer 1

This will clear the contents of othstate:

$('#othstate').val('');