Удалить сообщение об ошибке в js, если нажать кнопку

Как я могу удалить сообщение об ошибке, если onclick переключатель, у меня есть две сгруппированные кнопки для мужчин и женщин по признаку пола, если пользователь не выбрал гендер, означает, что я покажу ошибку, если выбрать любую кнопку, которая является мужской или женской, означает, что она удалит ошибку сообщение, мой код ниже

<input type="radio" value="male" name="gender" id="gender">Male <input type="radio" value="female" name="gender" id="gender">Female <div id="gender_error"></div>

Код проверки js

var form_elements = document.getElementById('my_form').elements;
var gender = form_elements['gender'].value;
submit = true;
if(gender == '')
    {
        document.getElementById('gender_error').innerHTML = "Select Gender";
        submit = false;
    }
    return submit;
document.getElementById('gender').onclick = removewarning;
function removewarning()
{
    document.getElementById(this.id +'_error').innerHTML = "";
}

если пользователь не выбрал гендер, означает, что он отобразит сообщение об ошибке, выберите мой пол, но моя проблема в том, что пользователь выбирает мужскую кнопку, тогда только сообщение об ошибке удаляется, его не работает для женской кнопки, кто-нибудь, пожалуйста, помогите