Переключение между двумя изображениями.

---

Здравствуйте, я новичок в Javascript и Jquery, поэтому мой вопрос заключается в том, что у меня есть два изображения
один "редактировать.PNG" и еще "ок.ПНГ". Итак, моя очередь такова: если я нажму на "edit.png", он должен показать значок "edit.png", но если я нажму на кнопку сохранить, то он должен быть изменен на изображение "ok.png", так как я могу переключаться между изображениями в Jquery.

<pre lang="HTML">
<div class="edit-button">
<img src="edit-icons.png" width="40" height="40" alt="Edit">
</div>
<div class="ok-button">
<img src="ok-icons.png" width="40" height="40" alt="OK">
</div>

Что я уже пробовал:

<pre lang="Javascript">

$('.ok-button').hide();

        $('.edit-button,.ok-button').on('click',function(){

        	$('.edit-button,.ok-button').toggle()
        });

---