How to click and "unclick" an element
<p>Okay, I'm a real beginner when it comes to jQuery, and although I've tried searching for this already, I can't seem to find an answer (I'm probably not phrasing it correctly).</p>

<p>When one of the li's are clicked, I want to add an element. However, if the li has already been clicked (and the class already added), if the user clicks again, I want the class removed. So far, this is what I have:</p>

<pre><code>(function($){ 
   $(".list li").click(function() {
      $(this).addClass("hilite");
      $(this).attr("BeenClicked", "true");
   });
 })(jQuery); 

&lt;ul class="list"&gt;
   &lt;li&gt; Something
   &lt;li&gt; Something else
&lt;/ul&gt;
</code></pre>

<p>I need to create code that essentially checks the attribute to see if "BeenClicked" is set to true.</p>
