What is the best way keep track of your identifiers for your Jquery and CSS?
<p>This is more of an organisation question concerning Jquery.</p>

<p>Using the following simple example:</p>

<pre><code>&lt;a href="#" class="click"&gt;click me&lt;/a&gt;

&lt;script&gt;
$(document).ready(function(){
    $('.click').on('click',function(){
          alert('Clicked!');
    });
});
&lt;/script&gt;
</code></pre>

<p>Now multiply this by a 1000 on your website, it can quickly get messy. You also can forget which classes you attributed for Jquery or for your CSS. 
I usually try to avoid mixing both, so I add my classes for CSS and others for the Jquery, in case I change I the layout or use that section somewhere else, ... I can change the CSS. But how to do you remember which one is for CSS or Jquery? Do you name your classes "JSclassName" or something like that?</p>

<p>Let me know if I'm not clear and thanks for your help.</p>
