FirefoxにてInput等の状態変化がリロードしてもクリアされない

Question

画面が表示された後で、とあるボタンを押下してinputとbuttonを無効化します。

$('.btn_disabled').on('click', function(){
  $('input, button').prop('disabled', true);
});

その後でFirefoxをリロードしても無効化した状態がそのままになってしまい、
inputに入力した値やラジオボタンの選択項目もそのままになっています。
また、何度ブラウザのリロードボタンでリロードしても残ってしまいます。

ユーザー操作による変化がリロード後も残る理由は何があるのでしょうか？
フォーム入力後にSubmitしている訳ではないのでオートコンプリートではないと思っています。
（Chromeならリロードすれば初期状態に戻ります）

シフトキーを押しながらリロードボタンを押下すればクリアされますが、
HTML側で対応するにはどの様にすれば良いでしょうか？
（Mac版 Firefox 39で確認しています）

どうぞよろしくお願いいたします。

Answer 1

DOMContentLoaded で待てば実現出来そうですが、どうでしょう。

jQuery(function (jQuery) {
  jQuery('input, button').prop('disabled', false);
});

Comments

[buibui80]

回答ありがとうございます。
初期化処理を入れるのも１つの手ですね。

Answer 2

inputの属性に「autocomplete="off"」を追加し、
ボタンは初期化することにしました。

Answer 3

希望の回答かはわかりませんが

location.reload(true)

true はWEBサーバからリロード
false はキャッシュからリロード
false がデフォルト

Comments

[buibui80]

回答ありがとうございます。
ユーザーがブラウザのリロードボタンからリロードことを考えると、
JSによるリロードは避けたいと思います。