Alterar css quando clickar na div

Galera é o seguinte tenho esse código aqui:

Preciso que quando clicar na div altere a class <div class="overlay"> para <div class="overlayon">.

Não sei como fazer isso alguem pode me ajudar?

<div class="col-md-3 col-xs-6 item acessories">

<a href"#">

<div class="work-image">

<div class="overlay">

<div class="overlay-inner">

<h4>COOKING OIL BAG</h4>

<span>Metal Bag out of cooking oil can, coffin handle, trunk lock rests of material being the first and the only one.</span>

</div>

</div>

<img src="images/works/acessories/1.jpg" alt="">

</div>

</a>

</div>