Usuwanie wartości z pól formularza po opuszczeniu modal w bootstrap

Jak zrobić usuwanie wartości z pól formularza po opuszczeniu modal w bootstrap?

Mam taki wywoływalny modal po naciśnięciu przycisku, ale wkurzające jest, że po wyjściu z tego, zapamiętuje dane formularza, da się coś z tym zrobić?

<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Sign in</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
		<input class="form-control my-sm-2" placeholder="Login or email" aria-label="Login" type="text">
		<input class="form-control " placeholder="Password" aria-label="Password" type="password">
		
		
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary">Login</button>
      </div>
    </div>
  </div>
</div>

$('.modal').on('hidden.bs.modal', function(){
    $(this).find('form')[0].reset();
});```jquery

lub

    $(function() {
        $('.modal').on('hidden.bs.modal', function(){
            $(this).removeData('bs.modal');
        });
    });

@CodeRZ jak nie ogarniasz js to zrób przekierowanie (przeładowanie) na stronę główną, bądź obecną, po poprawnych wysłaniu wiadomości, wtedy dane powinny się wyczyścić i tyle