javascript - .checked オプションが JavaScript で機能しない

Question

私は持っている：

<input type="checkbox" id="showdiv">SHOW ME!

<div id="hello" style="display:none">
  Hello world!
</div>

<script type="text/javascript">
  document.getElementById("showdiv").checked ? document.getElementById("hello").style.display = "inline" : document.getElementById("hello").style.display = "none";
</script>

エラーはどこですか？クリックしてもdivが表示されません...