Material CSS Checkbox doesn`t change state

I just would like to know if anyone had the same experience on Material CSS Checkbox that It doesn`t change its state when you click it.

  <form>
       <p>
           <input type="checkbox" id="academic" />
           <label for="academic">Academic</label>
       </p>
   </form>