Реализация поочерёдных действий js jquery
 

По клику в классе 'a' происходит загрузка страницы в div#select.
Мне нужно удалить содержимое div#select кликнув второй раз по той же ссылке.
т.е. нужно что бы действия происходили поочерёдно!!!
(Пробовал менять класс у элемента, удалять его - элемент вообще не реагирует и выполняет действия по первоначальному классу.)
-----------------------------------------------------
Подскажите как это реализовать с помощью jquery?
display:block; или display:none меня не интересует.
===Мне интересно понять свою ошибку===
изменив класс на 'ax' не могу выполнить действие кликнув во второй раз
$('.ax').click(function() {$('#select').empty();});
-----------------------------------------------------
<!-- HTML -->
<ul id='menu'>
<li><a class='a' href='#'>Меню1</a></li>
</ul>
<div id='select'></div>
<!-- Ajax -->
$(document).ready(function() {
$('.a').click(function() {$.ajax({url: "/load/district.php",cache: false,success: function(html){ $("#select").html(html);}});});
});

Спасибо!!