title: Make text clickable with JS
body: <p>Here is my HTML code</p>
  
  <pre><code>&lt;li id="one" class="hot"&gt;figs &lt;div class="closeit"&gt;[x]&lt;/div&gt;&lt;/li&gt;
  &lt;li id="two" class="hot"&gt;pine nuts&lt;div class="closeit"&gt;[x]&lt;/div&gt;&lt;/li&gt;
  &lt;li id="three" class="hot"&gt;honey&lt;div class="closeit"&gt;[x]&lt;/div&gt;&lt;/li&gt;
  </code></pre>
  
  <p>What I want to do is make this '[x]' clickable and when I click it, this li will be hidden. So how to do it in JS?
  Any help is appreciated.</p>