動的にinput要素を追加した後、Idを認識しない問題

var div_element = document.createElement("div");
      div_element.innerHTML = '<input type="checkbox" id="a">'+storage.getItem('0');
      var parent_object = document.getElementById("hoge");
      parent_object.appendChild(div_element);

上のコードでinput要素のcheckboxをaというId名でHTMLに追加しました。
その次に以下のfunctionでcheckboxがtrueならwwという配列に要素を追加したいです。

var check=document.getElementById('a');

function hogehoge(){
        if (check.checked===true) {
          ww+=storage.getItem('0')+' ';
        }}

実行するとUncaught TypeError: Cannot read property 'checked' of nullとエラーが出るのですが原因はなんでしょうか？
おそらく、function hogehogeが後から追加したinput要素のIdを認識していないからだと思うのですが、解決策としてどうすればいいでしょうか？