Trigger Ajax on first click only
<p>I want to call ajax only on the first click to save bandwith coz the data is huge. Below is my code</p>

<pre><code>$('.id-list').click(function() {
$.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
             $('.id-list').removeClass('id-list') //remove the class
    }
})      
})
</code></pre>

<p>Inspecting the element, <code>class="id-list"</code> was removed, but when i click it again, it triggers the ajax call again which I dont want to happen.</p>

<p>Is there any way to implement this?
Thanks.</p>
