Javascript-форум - Замена значения тега

Доброго времени суток!

Пытаюсь заменить значение в теге с id = "boards-sold".

<html>
 <head>
  <title>Boards 'R' Us</title>
  <link rel="stylesheet" type="text/css" href="boards.css" />
  
  <script language="JavaScript" type="text/javascript">
    function updatePage()
    {
      document.getElementByID("boards-sold").innerHTML="100";
    }
  </script>
 </head>
 <body>
  <h1>Boards 'R' Us :: Custom Boards Report</h1>
  <div id="boards">
   <table>
    <tr><th>Snowboards Sold</th>
     <td><span id="boards-sold">1012</span></td></tr>
    <tr><th>What I Sell 'em For</th>
     <td>$<span id="price">249.95</span></td></tr>
    <tr><th>What it Costs Me</th>
     <td>$<span id="cost">84.22</span></td></tr>
   </table>
   <h2>Cash for the Slopes: 
    $<span id="cash">167718.76</span></h2>
   <form method="GET">
    <input value="ok" type="button" onclick="updatePage();" />
   </form>
  </div>
 </body>
</html>

По идее при нажатии на кнопку "Show Me the Money" значение "Snowboards Sold" должно меняться, но ничего не происходит.

Пожалуйста помогите разобраться.