jQuery add or remove html class

<style>
      .hidden{
         display: none;
      }
</style>
<div id="example">
     example text
</div>
<input type="button" name="button" value="add class hidden" id="addClass" />

<script type="text/javascript">
    $('#addClass').click(function() {
        $('#example').addClass('hidden');
    });
</script>

OR remove

<style>
      .hidden{
         display: none;
      }
</style>
<div id="example" class="hidden">
     example text
</div>
<input type="button" name="button" value="add class hidden" id="addClass" /><script type="text/javascript">
    $('#addClass').click(function() {
        $('#example').removeClass('hidden');
    });
</script>