title: javascript onclick function with cookies
body: <p>For example i have a <code>&lt;P&gt;</code>tag contain a class as below </p>
  
  <pre><code>&lt;p class="badge"&gt;new&lt;/p&gt;
  </code></pre>
  
  <p>and i do like to add some CSS for the element, when  the user <code>.onclick()</code>, so i created a function like below</p>
  
  <pre><code> $(".badge").click(function(){
      $(".badge").css("display","none");
  });
  </code></pre>
  
  <p>And the question is how may i use cookies to remember that the user had already clicked before, so the css will be added automatically?</p>